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

点击下载

评论 (0) All

登陆 还没注册？