GSAP学习(二)——载入

查看下载页面,您可以下载内含精缩和未压缩的zip文件,或者把CDN连结贴到您的网页。获得一大堆文件的最简单方法是连结到最新的TweenMax的CDN文件。

[HTML] 纯文本查看 复制代码

由于TweenMax包括TweenLite、CSSPlugin、EasePack、TimelineLite、TimelineMax、RoundPropsPlugin、BezierPlugin、AttrPlugin和DirectionalRotationPlugin,所以只要用这一个文件就给您一大堆可以玩的物品,而且CDN有助于快速载入。但是,如果您更关心文件的大小,可以挑选要载入的核心部份和插件(常见的选择是轻量级的TweenLite、CSSPlugin和EasePack)。例如:

请注意这是连结文件的"最新"版本,这意味着随着新版本出现,您可以自动获得这些更新。通常这是一件好事,特别是当bug被发现和解决时,但要注意,有可能更新会改变行为(无论是因为无心的引擎代码更新或是故意的改变功能或API改变),所以您可以在CDN连结到特定版本(如1.9.0),如果您想要(详见下载页面)。不要担心-我们对于做出可能影响原有代码的改变是非常谨慎的。注册GreenSock帐户来加入邮件列表,并获得有关可能影响代码的重要更新通知。

 

当然您也不需要使用CDN的连结。如果您是下载zip ,可以到"src"文件夹,会看到"minified(精缩)"和"uncompressed(未压缩)"文件夹中的所有源代码-请自行放到您的伺服器或本地文件系统。您通常会希望使用精缩的文件进行部署,因为它们载入速度较快,但在功能上未压缩和精缩版本是完全相同的。包含"未压缩"文件是以防万一您要一窥源码,看看里面发生了什么事(其包含注解和更适合人类读的代码)。您也可以看看我们的Github存储库 。

 

如果您不需要动画DOM元素样式,您就不需要CSSPlugin。例如您可以只用非常轻量的TweenLite,使canvas上的EaselJS物件或SVG的RaphaelJS物件动起来。如果您并不需要特别缓动方程式只需基本的(Power0、Power1、Power2、Power3、Power4、Linear、Quad、Cubic、Quart、Quint和Strong这些都包含在TweenLite文件中),那您可以略过EasePack,其增加了Elastic、SlowMo、Bounce、SteppedEase、Sine、Circ和Expo。

 

在任何的动画代码之前不要忘了载入Javascript文件。(否则当浏览器获取到您的动画代码时,不会知道什么是"TweenMax"或"TweenLite",因为它还没有载入)。


我们强烈建议保持您的GSAP文件进行更新 ,因为我们正在积极增强功能,解决浏览器的bug或矛盾,常来逛逛本站并获得最新文件。


想要找jQuery插件?

 

GSAP没有依存于jQuery,但如果您已经习惯了的jQuery.animate()方法,或者您现有的项目大量使用jQuery,且您更愿意得到GSAP引擎的速度优势,那么 jquery.gsap 插件是您的最佳选择,其附加所有的额外可补间属性,如3D transforms、colors、boxShadow等。jquery.gsap插件基本上模仿正规jQuery.animate()方法,并用GSAP驱动动画。我们建议您最终转移到正规GSAP工具或API,而非jquery.gsap插件,因为您可以用物件导向的本质得到更多的灵活性和力量,不过jQuery插件是添加GSAP到您的jQuery项目的不费吹灰之力方式。详见此获取有关此插件的详细讯息 。

posted @ 2015-07-02 13:58  cacti_vc  阅读(610)  评论(0编辑  收藏  举报