BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

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

| 作者 黄玲艳 关注 0 他的粉丝 发布于 2012年5月23日. 估计阅读时间: 4 分钟 | QCon上海2018 关注大数据平台技术选型、搭建、系统迁移和优化的经验。

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中文站投稿或者参与内容翻译工作,请邮件至editors@cn.infoq.com。也欢迎大家通过新浪微博(@InfoQ)或者腾讯微博(@InfoQ)关注我们,并与我们的编辑和其他读者朋友交流。

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT