点击这里给我发消息 点击这里给我发消息
首页 > 行业资讯 > flash>详细内容

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

添加时间:2013-12-6
    相关阅读: flash 链接 制作
 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

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

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

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

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

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

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

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

  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测试。

本文作者:未知
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册