TweenMax-适用于移动端和现代互联网的超高性能专业级动画插件

GreenSock 动画平台(GSAP)

GreenSock在Flash动画时代久负盛名,出于自身发展考虑,GreenSock在v12(第十二版)中,加入了JavaScript的Class,也就是说我们可以在HTML网页中使用TweenLite或TweenMax…等来制作动画,也借此版本把发展计划的名称更名为「GreenSock Animation Platform」(GreenSock动画平台,GSAP),主要是把「Tweening」换成「Animation 」,因为前者主要为Flash在使用的名词,而后者就属于比较广义的「动画」,后来逐步发展为全平台均可应用的动画库。

最新的v2.x版本则全面支持HTML5和CSS3动画,并适应于主流的浏览器。

在网页上GreenSock目前提供使用的有「TweenLite」、「TweenMax」、「TimelineLite」、「TimelineMax」这四个项目,虽比Flash来的少,不过也是最常用的几项,相信可以帮助设计师们在不使用Flash的情形之下,制作许多不同凡响的动画效果,另外关于这四项的差别也跟Flash版本一样

GreenSock 的优势在于性能强劲和功能强大,由于把功能分成了各个插件,而从使得文件相对较小。



它具有以下优点:

1、速度快。GSAP专门优化了动画性能,使之实现和CSS一样的高性能动画效果。

2、轻量与模块化。模块化与插件式的结构保持了核心引擎的轻量,TweenLite包非常小(基本上低于7kb)。GSAP提供了TweenLite, TimelineLite, TimelineMax 和 TweenMax不同功能的动画模块,你可以按需使用。

3、没有依赖。

4、灵活控制。不用受限于线性序列,可以重叠动画序列,你可以通过精确时间控制,灵活地使用最少的代码实现动画。

5、任何对象都可以实现动画。


TweenMax

TweenMax.js是GSAP的一个特殊文件,为了使用简便,它把常用的插件整合到了一起。就是说你只要加载了TweenMax.js,就可以使用四个核心工具、CSSPlugin、BezierPlugin、高级时间曲线等。

关于TweenMax.js包含了哪些插件可以查看GreenSock 文件组成。


TweenMax中文网站https://www.tweenmax.com.cn/

资料:https://segmentfault.com/a/1190000007496078



本文标签: GreenSock TweenMax 网页动画
转载声明:本文为网中小南的原创文章,转载请注明原文地址,谢谢合作

发表评论: