greensock

Tweenlite的用法

TweenLite是一个缓动的类包，功能强大，并且易于使用，为了更多

的（E文欠佳的、初学的）朋友了解它，使用它，特此翻译了一下

TweenLite类文档中的说明文件，主要是对参数的说明，希望对大家

有用。

描述:

缓动。我们都在做。我们很多人都知道除了Adobe’sTween类之

外，还有很多更好的动画引擎，（比如Tweener）.每种引擎都有它

们各自的优缺点。

最近几年，为了得到一个更紧凑的，跑得更快，效率更高的引擎，我

创建了TweenLite（我无法接受其它的一些引擎带来的文件尺寸上

的负担）.它很快就融入到我的所有工作中。我告诉其它人，让大家

能够从中获益，最终，我将它发布了出来。在过去的几年中，TweenLite

越来越受欢迎，超乎了我的想像.

基于此，我又添加了一些新的功能，并且尽量保持这个文件的尺寸，

让它小于3K。TweenFilterLite扩充了TweenLite并且加入了滤

镜缓动，包含了ColorMatrixFilter的一些效果，比如饱和、对比、

增亮、色调，甚至是着色，但文件的尺寸始终没有超过3K。与

TweenLite的做法相似，提供有AS2版和AS3版的类包下载。

TweenMax比TweenFilterLite增加了更多的特性，包含bezier缓

动，暂停/恢复，顺序执行等等。(见)

我猜你会想“如果这个是‘轻量级的’，那么它一定会丢掉很多特性，

让我用的时候会有点担心”。这种想法是对的，在这里缺少一些其它

缓动引擎所包含的特效，但是我可以肯定的说，在过去几年我的工程

（很多获奖的flash程序以及500强企业的项目中）中，我几乎一

直都在用它，而它从没有让我失望过。

我还真没发现过我还需要其它的功能。你可以对任何的属性（包括

DisplayObject对象的音量和颜色）使用缓动函数，内置的延迟时间，

回调函数，以及传递参数给这些回调函数，甚至根据数组进行缓动，

统统只在一行代码中完成。如果你需要更多的特效，你可以装上

TweenFilterLite或者TweenMax来用用。

我也从来没有发现比这个更快的引擎。不同引擎执行效率的比较，请

访问/tweeing-speed-test/.

TweenLite参数说明:

1)$target:Object–作为目标的对象，MovieClip或者其它对

象

2)$duration:Number–动画的时间长度（单位：秒）

3)$vars:Object–对象，通过属性值，来存贮各种属性参数用

于缓动。（如果你使用()方法，这里的参数表示缓

动的初始值）

该对象所具有的属性：

alpha:alpha目标对象应该完成(或开始，当使用

()时)的透明度级别.如果是1，当缓

动被执行的时候，你指定参数为0.5，它将把透明度从1缓动到0.5.

x:改变MovieClip的x位置,把这个值设置成你希望的MovieClip

的结束位置(如果你使用的是()这个值表示开始位

置).

(yscaleXscaleYrotation等属性不再重复说明）

特别的属性(**可选的**):

delay:Number–延迟缓动(以秒为单位).

ease:Function–缓动函数.例如，

t函数。默认的是

t函数。

easeParams:Array–用来存贮缓动公式所需要的额外数据.当使

用Elastic公式并且希望控制一些额外的参数，比如放大系数和缓

动时间。大多数的缓动公式是不需要参数的，因此，你不需要给其它

的缓动公式传递参数。

autoAlpha:Number–用它来代替alpha属性，可以获得一些副

加的效果，比如当alpha值缓动到0时，自动将visible属性改

为false。当缓动开始前，autoAlpha大于0时，它将会把visible

属性变成true。

visible:Boolean–在缓动结束时，想要指定DisplayObject的

visible属性，请使用这个参数。

volume:Number–对soundTransform

（MovieClip/SoundChannel/NetStream等）对象中的volume属性

（音量大小）进行缓动

tint:Number–改变DisplayObject的颜色，设置一个16进制

颜色值之后，当缓动结束时，目标对象将被变成这个颜色，（如果使

用的是()，这个值将表示目标对象开始缓动时的颜

色)。举个例子，颜色值可以设定为：0xFF0000。

removeTint:Boolean–要移除DisplayObject颜色，将这个参

数设成true。

frame:Number–将MovieClip缓动到指帧频。

onStart:Function–在缓动开始时想要执行某个函数，就将函数

的引用（通常是函数名）放到这里。如果缓动是带延迟的，那么在缓

动开始前该函数不会被执行。

onStartParams:Array–为缓动开始时要执行的函数传递参数。

(可选的)

onUpdate:Function–缓动过程中，每次更新时调用这里指定的

函数(缓动开始后，每一帧被触发一次),

onUpdateParams:Array–给onUpdate参数指定的函数传递参数

(可选的)

onComplete:Function–缓动结束时执行的函数。

onCompleteParams:Array–给onComplete参数指定的函数传递

参数(可选的)

persist:Boolean–值为true时，TweenLite实例将不会自动

被系统的垃圾收集器给收走。但是当新的缓动出现时，它还是会被重

写（overwritten）默认值为false.

renderOnStart:Boolean–如果你使用带有延迟缓动的

()，并且阻止缓动的渲染（rendering）效

果，直到缓动真正开始，将这个值设为true.默认情况下该值为

false，这会让渲染效果立即被执行，甚至是在延迟的时间还没到之

前。

overwrite:int–当前的缓动被创建以后，通过这个参数可以限

制作用于同一个对象的其它缓动，可选的参数值有：

-0(没有):没有缓动被重写。这种模式下，运行速度是最快的，但

是需要注意避免创建一些控制相同属性的缓动，否则这些缓动效果间

将出现冲突。

-1(全部):(这是默认值，除非()被调用

过)对于同一对象的所有缓动在创建时将会被完全的覆盖掉。

(mc,1,{x:100,y:200});

(mc,1,{x:300,delay:2});//后创建的缓动将会覆

盖掉先前创建的缓动，（可以起到这样的作用：缓动进行到一半时被

中断，执行新的缓动译者注）

-2(自动):(当()被执行后,会根据具体

的属性值进行选择)只覆盖对同一属性的缓动。

(mc,1,{x:100,y:200});

(mc,1,{x:300});//only“x”属性的缓动将被覆

盖

-3(同时发生):缓动开始时，覆盖全部的缓动。

(mc,1,{x:100,y:200});

(mc,1,{x:300,delay:2});//不会覆盖先前的缓动，

因为每二个缓动开始时，第一个缓动已经结束了。

举例:

将实例名为“clip_mc”的MovieClip透明度降到50%(0.5)，

并将它x轴位置移动到120，将音量将到0，缓动总共用时1.5秒，

代码如下：

ite;

(clip_mc,1.5,{alpha:0.5,x:120,volume:0});

如果希望使用更高级的缓动函数在5内，将alpha变到0.5，将x

移动到120，使用“easeOutBack”弹性函数，缓动整体延迟2

秒发生，并且在缓动结束时，执行“onFinishTween”函数，并且

为这个函数传递几个参数，(一个数值5以及对clip_mc的引用)，

代码如下：

ite;

;

(clip_mc,5,{alpha:0.5,x:120,ease:t,

delay:2,onComplete:onFinishTween,onCompleteParams:[5,

clip_mc]});

functiononFinishTween(argument1:Number,

argument2:MovieClip):void{

trace(“Thetweenhasfinished!argument1=”+argument1+

“,andargument2=”+argument2);

}

如果你的舞台上的MovieClip已经停在了它的结束位置，你只想让

它花上5秒种回到这个位置，(只需要改变y属性，比当前位置高

100像素的位置，让它从那里下落),代码如下（这次使用的是

译者注):

ite;

c;

(clip_mc,5,{y:”-100″,

ease:t});

说明:

-TweenLite类会让你的Flash文件增加3kb大小。

-给参数值加上引号，表示对指定的属性进行相应操作。比如，使用

(mc,2,{x:”-20″});它将mc.x向左移动20像素，

与此相同效果的代码是：(mc,2,{x:mc.x–20});

-你可以用别的缓动函数替换TweenLite默认的缓动函数:

t.

-必须使用FlashPlayer9或之后版本的播放器(ActionScript

3.0)

-可以对任何MovieClip使用“volume”缓动,就比如：

(myClip_mc,1.5,{volume:0});

-可以将MovieClip设定成某种颜色，使用“tint”参数,比如:

(myClip_mc,1.5,{tint:0xFF0000});

-想要对数组内容进行缓动，将数值放到一个叫endArray的数组中

即可，例如:

varmyArray:Array=[1,2,3,4];

(myArray,1.5,{endArray:[10,20,30,40]});

-可以在任何时候终止缓动，使用

eensOf(myClip_mc);函数。如果想强制终止缓动，

可以传递一个true做为第二个参数，比如

eensOf(myClip_mc,true);

-取掉延迟回调函数，用

layedCallsTo(myFunction_func);这项功能可以

用来控制回调函数的优先级。

-使用()方法，可以使用对象从别的位置回到当前

的位置。例如，你可以将对象在舞台上摆放整齐（缓动结束时的位置），

然后利用

缓动，让它们跑到那个位置上去，你可以将缓动的初始位置值x或y

或alpha(或者其它你需要的属性)当做参数传递给这个方法函数。

应用举例：

ite;

.*;

ntListener(,onCK);

functiononCK(evt){

(mc,0.5,{x:mouseX,y:mouseY,rotation:360});

}

在舞台上点击，会让mc元件旋转并跑动到鼠标位置。