GreenSock推出了新一代动画引擎平台GSAP v12

标签: greensock 推出 动画 | 发表时间:2012-05-22 16:49 | 作者:
出处:http://pipes.yahoo.com/pipes/pipe.info?_id=10560380f804c7341f042a2b8a03e117

GreeenSock在Flash业界久负盛名,他们推出的TweenLite、TweenMax等动画引擎得到了广泛关注和应用。日前,GreenSock推出了新一代动画引擎平台 GreenSock Animation Platform(GSAP) v12,这一代的引擎不仅在Flash动画方面有更多改进,也新引入了对Javascript动画的支持。在Flash和HTML5项目中,你可以使用相同的动画工具集,同样的API,同样的用户友好访问,同样关注性能。

让我们来关注一下GSAP v12平台有哪些变化:

  • 非常快的速度:性能是非常重要的,尤其是在移动设备上。GSAP不断优化,以保证互动项目的快速响应、高效率及平滑,你可以从 这里查看动画效果测试
  • 异想天开的强劲:内置众多引擎的功能,如动画色彩、贝塞尔曲线、CSS样式属性、Flash滤镜、数组等等,定义不同的回调,可以通过帧或者秒定义运动。
  • 兼容性:Flash,HTML5,jQuery,Canvas,CSS,新浏览器,旧浏览器,RequireJS,EaseIJS,移动设备等等-GSAP都可以很好的与他们兼容,你可以选择你熟悉的工具来使用。
  • Javascript,AS3/AS2:选择适合你的语言来完成动画。
  • 轻量与可扩展性:模块化与插件式的结构保持了核心引擎的轻量,TweenLite包非常小(基本上低于7kb)。
  • 没有依赖:GSAP没有基于第三方工具来构建(虽然它将jQuery作为选择器),因此能保证最短的加载时间与最大化性能。
  • 高等序列:不用受限于线性序列,可以重叠动画序列,你可以通过精确时间控制,灵活地使用最少的代码实现动画。
  • 良好的技术支持:可以通过 论坛反馈,会有专家和资深活跃用户回答问题。
  • 任何对象都可以实现动画:是的,任何,不用预定义的属性,任何对象的任意数字属性都可以实现动画,如果这些属性(如颜色,滤镜,非数值属性等)需要处理,插件可以实现。如果没有,我们可以实现一个。
  • 重写管理:GSAP帮助防止动画引擎的冲突以及高级选项的设置。
  • 易于学习:文档、教程、 示例、学习指南、论坛,还有很多学习资源,非常地丰富。
  • 许可证:除商业用途意外,GSAP完全免费。

GSAP是一套完整的工具,它包括一下几个部分:

  • TweenLite:针对任何对象的处理动画的核心引擎。
  • TweenMax:它像是TweenLite的哥哥,它可以实现TweenLite的功能,以及一些非必要功能,如repeat、yoyo、updateTo()等。它会自动激活插件。
  • TimelineLite:一个非常强大轻量序列的动画工具,它扮演一个动画容器的角色,使用它能够更方便的管理时间和相关动画。
  • TimelineMax:TimelineLite的扩展,除了TimelineLite的功能外还包括一些非必要功能,如repeat、repeatDelay、yoyo、currentLabel()还有更多功能。
  • 另外还有像缓动工具,运动路径,插件,块工具及其他更多。

GSAP v12还有更多提升改变的地方,大家可以去下载体验一下,更多的信息请参考 http://www.greensock.com/v12/


给InfoQ中文站投稿或者参与内容翻译工作,请邮件至 [email protected]。也欢迎大家通过新浪微博( @InfoQ)或者腾讯微博( @InfoQ)关注我们,并与我们的编辑和其他读者朋友交流。

黄玲艳 是一名资深Flash工程师,做过互动产品开发及音视频等多媒体产品开发,现供职于新浪,负责部门内Flash开发团队。

相关 [greensock 推出 动画] 推荐:

GreenSock推出了新一代动画引擎平台GSAP v12

- - InfoQ cn
GreeenSock在Flash业界久负盛名,他们推出的TweenLite、TweenMax等动画引擎得到了广泛关注和应用. 日前,GreenSock推出了新一代动画引擎平台 GreenSock Animation Platform(GSAP) v12,这一代的引擎不仅在Flash动画方面有更多改进,也新引入了对Javascript动画的支持.

皮克斯将推出恐龙和“盗梦空间”题材动画片

- feather - 新影像日报
还记得我们报道的迪士尼皮克斯有两部未命名新作将分别于2013年和2014年上映吗. 今天在迪士尼一年一度的“D23 Expo”大展上这两部新片掀开了他们的神秘面纱:. 恐龙题材动画片(2013年11月27日). 导演:Bob Peterson、Pete Sohn. 如果陨石没有坠落地球导致恐龙灭绝,那么现在的地球将会怎样.

动画:Gadget Girls

- D31T4 - 煎蛋
制作者 Kevin Dart 将这部短片命名为《Yuki 7 and the Gadget Girls/Yuki 7和科技女孩》. 他的令该来自1960年代的间谍片,在《……Gadget Girls》中他塑造了一群犹如电影霹雳娇娃那样的超级女特工,运用各种手段执行任务的片段. 不过短短2分钟,要塞进的内容实在是太多.

android动画

- - CSDN博客移动开发推荐文章
一、        开发资料与实例教程. 分析android动画模块. Android 动画类的特点和区别. Android动画基础--本文转载自--springfieldx的文章,在此向他致谢. Android Animation 动画效果. Android Tween动画(一). Android Tween动画(二).

超内涵动画

- 龙 - 叫兽与你同在

gifshop 动画作坊

- 中雨 - 爱范儿 · Beats of Bits
gifshop 是一款制作 GIF 格式动画的应用,目前限免中. gifshop 的操作简单,成品有趣.  推荐 gifshop 有以下三个原因:. Instagram 不能拍视频. SocialCam 的视频作品体积很大. gifshop 上几则示例给了我很大的启发. Instagram 的出现让大部分具备图片分享功能的应用在设计之初就带上了滤镜功能.

内涵动画《cake》

- 糖醋立即 - 河蟹娱乐
原文链接: http://hxyl.net/2011/10/17/cake/. 火星娱乐 河蟹娱乐 Copyright © 2007-2009 爱祖国,爱人民,唉派对. 更多精彩欢迎您订阅http://feed.feedsky.com/kisshi,更加欢迎投稿. 稳定快速独立博客主机破盘价只要100元.

CSS动画简介

- - 阮一峰的网络日志
现在,我不太爱写介绍CSS的文章,因为这不是网站开发的关键. 但是,CSS动画除外,它实在太有用了. 本文介绍CSS动画的两大组成部分:transition和animation. 我不打算给出每一条属性的详尽介绍,那样可以写一本书. 这篇文章只是一个简介,帮助初学者了解全貌,同时又是一个快速指南,当你想不起某一个用法的时候,能够快速地找到提示.

SVG动画入门

- - Web前端 - ITeye博客
今天我们继续来学习SVG动画方面的知识. 一听到动画效果,你可能就觉的头都打啦. 不要担心,SVG本身提供的动画属性非常容易使用,今天我们就来学习一下基础的知识. SVG中提供了 animate的方法来制作动画属性:. 在上面的代码中,我们在元素里面添加了一个 的标签. 包含了下面的一些属性.

启动画面不简单

- Ray ma - 百度MUX
需要点击图标,等待应用程序启动. 在这个简单的过程中,启动画面会呈现在我们眼前. 有时候它让我们眼前一亮,有时候它会让我们感到困惑,有时候它会让我们感到厌倦……. 小小的启动画面到底有什么学问,它对产品用户体验都有哪些影响. 本篇文章做了一些分析和总结,希望对你有帮助. 当用户启动一个操作系统、软件或者应用程序的时候,首先出现的承载产品标识及相关信息的图形界面.