Flash AS 3.0实例教程：用Tween类制作缓动动画

核心提示：效果演示：1、新建Flash文档，设置文档文档属性宽552高400，Flash AS 3.0实例教程：用Tween类制作缓动动画，背景颜色＃666666,其它默认，点确定，输入代码2：1. 代码2： 2. import gs.TweenMax; 3. import fl.motion.easing.Elastic; 4

效果演示：

　　1、新建Flash文档，设置文档文档属性宽552高400，背景颜色＃666666,其它默认，点确定。

2、创建影片剪辑，名称box_mc，选矩形工具，笔触无，填充色为黑色，画一个92*100的矩形，左对齐，上对齐。

3、创建6个影片剪辑，名称为word1_mc至word6_mc,选择文本工具，输入所需的文本，文本的颜色选个人喜欢的颜色，选滤镜加入喜欢的效果。

4、回到场景1,添加3个图层（共4个），在1层的第2帧插入关键帧，打开库面板，拖入box_mc，从左向右顺序排列，每行6个，共4列。每拖入一个都要在属性中添入实例名称，第一个是box1_mc,

第2个是box2_mc,依此类推。打开库面板，右键点box_mc,做链接，图层上锁。图1、图2

　　图片看不清楚？请点击这里查看原图（大图）。

5、第2层的第2帧插入关键帧，从库中拖入word1_mc至word6_mc,分两列，上面是word1_mc至word3_mc,下面是word4_mc至word6_mc，为每一个word输入实例名称，图层上锁。图3

　　图片看不清楚？请点击这里查看原图（大图）。

6、第3层的第一帧，打开组件面板，点击User Interface把Button组件拖入到文字的下面。输入实例名称replay_btn。打开组件检查器，改按钮上的文字，图层上锁。图4、图5

7、第4层第一帧，打开动作面板输入下面的代码1：

1. 代码1：
2. import gs.TweenLite;
3. import flash.events.MouseEvent;
4.

5. function onPressReplay(event:MouseEvent):void {
6. var mc:MovieClip, i:int;
7. for (i = 1; i <= 6; i++) {
8. mc = this["word"+i+"_mc"];
9. TweenLite.killTweensOf(mc);
10. }
11. for (i = 1; i <= 24; i++) {
12. mc = this["box"+i+"_mc"];
13. TweenLite.killTweensOf(mc);
14. }
15. this.gotoAndPlay(1);
16. }
17.

18. replay_btn.addEventListener(MouseEvent.CLICK, onPressReplay);

第2帧插入关键帧，输入代码2：

1. 代码2：
2. import gs.TweenMax;
3. import fl.motion.easing.Elastic;
4.

5. var i:int, mc:MovieClip, randomX:Number, randomY:Number, randomDelay:Number, randomColor:uint;
6. var colors:Array = [0x006699, 0x339966, 0x663399, 0x996633, 0x990000, 0xCC6699];
7.

8. for (i = 1; i <= 6; i++) {
9. mc = this["word" + i + "_mc"];
10. TweenMax.from(mc, 1, {blurFilter:{blurX:15, blurY:15}});
11. TweenMax.from(mc, 1, {y:"-100", alpha:0, ease:Elastic.easeOut, delay:i * 0.15, overwrite:false});
12. }
13.

14. for (i = 1; i <= 24; i++) {
15. mc = this["box" + i + "_mc"];
16. randomX = (Math.random() * 600);
17. randomY = (Math.random() * 400);
18. randomDelay = Math.random() + 2;
19. randomColor = colors[Math.floor(Math.random() * colors.length)];
20. TweenMax.sequence(mc, [{time:1, delay:randomDelay, tint:randomColor}, {time:0.8, scaleX:0.01, scaleY:0.01, autoAlpha:0, x:randomX, y:randomY}]);
21. }
22.

23. stop();

最后保存文档，把附件gs解压到文档的同一目录下，按组合键Ctrl+Enter测试。

本文示例源代码或素材下载