TweenLite工具包使用详解3.docVIP

TweenLite工具包使用详解（傻瓜级） 第一章 第三节——利用TweenLite的回调函数制作文字循环上下坠落效果 本节仍然会继续介绍to函数的vars参数中的各种特殊属性。不过在这之前，我们先来设计下本节要制作的动画效果，相信大部分同学都可以在学习了本节介绍的特殊属性后找到解决的方法。 本节要制作动画效果叫做文字循环上下坠落，一个文字从舞台的某个位置落下，碰到舞台下边缘后弹性运动，停止后反方向运动，触碰到舞台的上边缘后弹性运动并停止，之后又向下运动，如此循环…（不知道我有没有讲明白 囧！） 下面我们继续介绍vars中的特殊属性。 ease 它的值为一个函数名（仅仅是函数名，不带括号），它是缓动所服从的缓动函数。在TweenLite工具包里有很多给你定义好的缓动函数，使用的时候只要import com.greensock.easing.*;，那么TweenLite工具包里面所有的缓动函数都可以给你导进来。如果想在你的缓动里使用，就可以比如：TweenLite.to(mc,1,{x:200,ease:Elastic.easeOut});当然你还能使用其他的缓动函数。如果没有设置这个属性，那么to函数默认服从的缓动函数是Quad.easeOut。想要知道这些缓动函数各自有怎样的曲线，TweenLite工具包提供了一个函数浏览器，是工具包的demo_swfs文件夹下的EaseVisualizer.swf文件。打开如图所示。 这个曲线图的横轴是时间，纵轴是被改变的值，当然他们并不是一比一的。在右边的选项中你还能选择要查看的函数（ease下拉框），缓动执行时间（duration）等。下面的文本框生将会成执行这个缓动的代码，对于初学者非常方便。 easeParams 一个数组类型数据。 这里还是要给不懂什么叫数组的同学补补课。下面是个声明和使用数组的例子。 //数组是Array类型的数据，可以用类构造的形式给他赋初值 var myArray1:Array=new Array(); //当然也能用一个空数组给它赋值。据说这样更快 var myArray2:Array=[]; //数组的直接写法如下，在一个中括号内直接写数组内的数据，每个数据用逗号隔开 var myArray3:Array=[1,2,3,4,5,myArray1,myArray2]; /*数组内的数据是有序的，如果数组不添加或删除数据的话，那么每个数据都有自己的一个下标，从左到右，从0开始标记数据。所以访问数组里的数据，可以通过在数组名后的中括号内填写数据的下标来访问，如下就访问了数组内的第一个元素1*/ trace(myArray3[0]); //下面访问了第5个元素，输出5 trace(myArray3[4]); //push函数是Array类的一个公共方法，他可以将数据添加到数组尾部（最右边） myArray3.push(8); /*length是Array类的一个公共属性，他储存着数组的长度（既数据的个数），myArray3数组在添加了一个8后，元素变成了8个，所以下面输出8*/ trace(myArray3.length); /*数组里面的元素可以是任何数据类型，包括数组类型本身，这个和c或者java有一些出入，下面我们用下标5访问到了数组的第六个元素，既myArray1。然后我们在myArray1尾部添加数据6*/ myArray3[5].push(6); //如下在myArray2这个数组里面添加7 myArray3[6].push(7); /如下我们先用myArray3的下标访问到了第六个数据myArray1，然后再用下标0在myArray1中访问其第一个元素。下面输出6，这个6正是我们上面添加的6*/ trace(myArray3[5][0]) 在AS3中，数组和Object类有很多类似之处，他们都可用于数据的打包，可是在数组写法的时候，还是注意不要和Object混淆，数组由中括号构成，内部数据用逗号隔开，不用写属性名，数组数据的访问，依靠其有序的下标，所以在数组内，顺序和长度是首要关心的问题，[1,2]与[2,1]是不一样的。而Object是由大括号构成，如{a:1,b:2}，他需要属性名来为数据定位，所以把{a:1,b:2}写成{b:2,a:1}关系不大，数据都可以用属性名访问到。 现在我们继续讲easeParams这个特殊属性。它是个数组类型的数据，保存着缓动函数附加参数。 对于一个缓动函数，有四个参数是一定会有的，那就是 t 指定当前时间 b 缓动属性的初始值 c 缓动属性的更改总计 d 运动的持续时间 这些参数to函数会帮你自动指定，并不需要你亲自动手。可是也存在部分缓动函数，仅仅这四个参数，不能完全描述缓动函数曲线的形状，那么它们就需要附加参