Flash ActionScript3.0案例

Flash ActionScript3.0案例案例1：计算机打字效果步骤1 打开本案例的素材文件“素材.fla”，库里面有一张背景图，如图1所示。图1步骤2 将图层1重命名为“背景层”，并将图片背景图拖曳到舞台上，如图2所示。图2步骤3 新建一个图层，命名为“文本”，并选择工具栏内的“文本工具”，在属性面板中设置“文本工具”的属性，如图3所示。图3步骤4 使用“文本工具”在舞台上框选出一个文本区域，其大小正好覆盖显示器的内部，如图4所示。图4步骤5 单击属性栏内“字符”选项卡内的“嵌入”按钮，在弹出的对话框内将以下文字输入到如图5所示的位置，注意最后还添加一个符号“|”。贝尔纳是法国著名的作家，一生创作了大量的小说和剧本，在法国影剧史上具重要的地位。有一次，法国一家报纸进行了一次有奖智力竞赛，其中这样一个题目：“如果法国最大的博物馆卢浮宫失火，情况只允许抢救出一幅画，你会抢哪一幅？”结果，在该报纸收到的成千上万回答中，贝尔纳以最佳答案获得该题的奖金。他的答案是：“我抢离出口最近的那幅画。”图5步骤6 单击“确定”按钮后，使用“选择工具”选中该文本框，并在属性面板中将实例名称修改为txt，同时修改字符大小为14.0点，段落里行为“多行”，如图6所示。图6步骤7 再次新建一个图层，并命名为“代码层”，如图7所示。图7步骤8 单击“代码层”的第1帧，并按快捷键F9打开动作面板，在动作面板里输入以下的脚本，如图8所示。import flash.utils.Timer;import flash.events.TimerEvent;/导入外部类/需要展示的文字var word:String = 贝尔纳是法国著名的作家，一生创作了大量的小说和剧本，在法国影剧史上具重要的地位。有一次，法国一家报纸进行了一次有奖智力竞赛，其中有这样一个题目：“如果法国最大的博物馆卢浮宫失火了，情况只允许抢救出一幅画，你会抢哪一幅？”结果，在该报收到的成千上万回答中，贝尔纳以最佳答案获得该题的奖金。他的答案是：“我抢离出口最近的那幅画。”;/目前的序号var index:Number = 0;/设置timer计时器var timer:Timer = new Timer(200);/为计时器添加侦听timer.addEventListener(TimerEvent.TIMER,tick);/开始计时timer.start();/计时函数function tick(e:TimerEvent):voidtxt.text = word.slice(0,index) + |;index +;图8步骤9 保存文件，按Ctrl+Enter测试影片，效果如图9所示。图9案例2：黑客帝国文字效果步骤1 新建空白Flash文档，并在属性面板中将舞台尺寸修改为250250，背景色为黑色。步骤2 按组合键Ctrl+F8新建一个影片剪辑元件，并命名为“单个效果”，并勾选下面的“为ActionScript导出”选项，之后在“类”的文本框内填入effect字样，如图10所示。图10步骤3 点击“确定”后，可能会弹出一个警告的对话框，点击“确定”继续，进入影片剪辑内部。选择“文本工具”，并在属性面板中修改“文本工具”属性，如图11所示。图11步骤4 在舞台上使用“文本工具”绘制一个文本框，里面随意输入一个字母，例如x，并调节它的位置到舞台中间，如图12所示。图12步骤5 选中该文本框，在属性面板中为其输入实例名称txt。单击属性栏中的“字符”选项里的“嵌入”按钮，在弹出的对话框中进行如图13的设置。图13步骤6 新建一个图层，并命名为as，单击该图层的第1帧，按快捷键F9打开动作面板，在其中输入以下的脚本，如图14所示。import flash.filters.BlurFilter;import flash.filters.GlowFilter;import flash.events.Event;/导入外部类/会出现的字符数组var text_array:Array = 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, x, y, z, ?, , !, , , #, $, %, , &, *, (, ), -, +, |, /, =, _, , , , , , :, ;/设置文本框显示随机的一个字符txt.text = text_arrayint(Math.random() * text_array.length);/设置位置数组var matrix_position:Array = new Array();var counter:Number = 0;var counter_limit:Number = Math.random() * 5 + 3;/以下为设置剪辑的各种随机属性for (var i:Number = 0; i=stage.stageHeight + this.height) y = -this.height;图14步骤7 点击“场景1”返回主场景，选中图层1的第1帧，按快捷键F9打开动作面板，在其中输入以下脚本，如图15所示。/导入外部类import flash.display.MovieClip;/创建600个效果并添加到舞台上for (var i:Number =0; i=600; i+) var mc:MovieClip = new effect();addChild(mc);图15步骤8 保存文件，并按组合键Ctrl+Enter测试影片，最终效果如图16所示。图16案例3：文字跟随鼠标效果步骤1 打开本案例的素材文件，库内有一张背景图片，如图17所示。图17步骤2 在属性面板里将舞台尺寸修改为500700，背景颜色为白色。步骤3 将图层1重命名为“背景色”，并将库中的“背景图”拖曳至舞台，使之与舞台完全吻合，调整属性面板中图片的属性，如图18所示。图18步骤4 新建一个图层，命名为“文字”，选择“文本工具”，在属性面板中设置“文本工具”的属性，如图19所示。图19步骤5 使用“文本工具”在“文字”图层的舞台上输入文字“动画制作技术”，如图20所示。图20步骤6 选中刚才输入的文字，使用组合键Ctrl+B打散该文字一次，使其变成每一个字一个文本框，如图21所示。单独选中每一个字，并按快捷键F8将其转换为影片剪辑，名称以该字命名，如图22所示。图21图22步骤7 将所有文字都转换为单独的影片剪辑后，选中舞台上每一个单独的文字，从左到右依次为文字影片剪辑输入实例名称，“动”剪辑的实例名为“mc1”，“画”剪辑的实例名为“mc2”，剩下的以此类推。步骤8 新建一个图层，并命名为“代码层”，选中该层的第1帧，按快捷键F9打开动作面板，在其中输入以下的脚本，如图23所示。步骤9保存文件，并按组合键Ctrl+Enter测试影片，最终效果如图24所示。图24/导入外部类import flash.events.Event;import flash.display.MovieClip;import flash.geom.Point;/添加逐帧侦听器addEventListener(Event.ENTER_FRAME,update);/记录上一个点var lastP:Point;/设置缓动系数var easing:Number = .3;/更新函数function update(e:Event):void/将上一个点记录为鼠标的位置lastP = new Point(mouseX,mouseY);/对7个剪辑进行一个接一个的行动设置for(var i:Number = 1; i “变形”“水平翻转”，并调整其位置，如图30所示。图30步骤8 选中左边的按钮，在属性面板中修改其实例名称为“btn1”，修改右边按钮的实例名称为“btn2”。步骤9 再次新建一个图层，并命名为“代码层”，选中上面的第1帧，并按快捷键F9打开动作面板，在其中输入如下脚本，如图31所示。/导入外部类import flash.events.MouseEvent;/停止播放stop();/为两个按钮添加侦听btn1.addEventListener(MouseEvent.CLICK,clickF);btn2.addEventListener(MouseEvent.CLICK,clickF);/添加可点击效果btn1.buttonMode = true;/初始化让左边的按钮不可见btn1.visible = false;btn2.buttonMode = true;/点击函数function clickF(e:MouseEvent):voidif( = btn1)/如果是左边的按钮则 回播一帧prevFrame();else/如果是左边的按钮则 回播一帧nextFrame();if(currentFrame = 1)/如果是第一帧 则