模块八 动画编程.pptVIP

任务三　交互动画编程 操作一 制作“满天飞絮” 操作二 制作音乐时钟 操作三　制作用户登录 制作“满天飞絮” 制作“满天飞絮” 【操作要求】 （1）新建文档，导入背景图片。 （2）制作飞絮实例元件。 （3）定义影片实例名称。 （4）输入AS3脚本。 制作“满天飞絮” 【操作步骤】 （1）新建Flash文档，设置文档背景色为黑色，并保存为“制作满天飞絮.fla”。在菜单中选择“文件”→“导入”→“导入到舞台”命令，从“\素材\模块八\”中导入位图“蒲公英.jpg”，并调整位置，如图8-45所示。 （2）按【F8】键，在弹出的“创建新元件”对话框中单击 按钮，设置名称为“飞絮”、类型为影片剪辑，单击“为ActionScript导出”单选按钮，在“类”文本框中输入名称fx，如图8-46所示。 （3）单击 按钮打开“人物”元件编辑窗口，在第1帧处绘制一个人物跑步动作图形，在第2帧处插入空白关键帧，绘制第2个人物跑步动作，用相同的方法依次绘制3~8帧出人物跑步动作，如图8-16所示。 （4）按【F8】键新建一个影片剪辑元件“蒲公英”，从“库”面板拖拽一个fx元件到图层1中。 制作“满天飞絮” （5）新建图层2，并重命名为“Action”，按【F9】键打开“动作-帧”面板，在其中添加如下脚本。 /*自定函数产生实例随机位置和大小*/ function rndfx() { this.x=Math.random()*360; this.y=360;//设置实例的起始位置 this.scaleX=Math.random()+0.2;//产生随机函数 this.scaleY=this.scaleX; } rndfx(); addEventListener(Event.ENTER_FRAME,up); function up(evt) { this.y=this.y-5; /*让当前实例随机向左或向右移动5像素以内的位置*/ this.x=this.x+(Math.random()+Math.random())*5; if (this.y0) //当实例到顶部时重新从起始位置开始 { rndfx(); } } 制作“满天飞絮” （6）打开“库”面板，选择元件“蒲公英”，单击右键弹出快捷菜单，如图8-51所示。选择“连接”命令，在打开的“连接属性”对话框中单击“为ActionScript导出”单选按钮，在激活的“类”文本框中输入pg，如图8-52所示。 （7）单击 按钮，返回主场景，新建图层2，并重命名为“action”，按【F9】键打开“动作-帧”面板，在其中添加如下脚本。 var obj:Array=new Array();//自定义数组 var i=0; addEventListener(Event.ENTER_FRAME,run); function run(evt) { if (i50) { var sn=new pg(); obj[i]=addChild(sn);//向数组赋值 i++; } } 制作音乐时钟 制作音乐时钟 【操作要求】 （1）新建元件，绘制钟面背景。 （2）制作时间轴对象，并定义实例名称。 （3）输入AS3脚本。 制作音乐时钟 【操作步骤】 （1）新建Flash文档，设置文档大小为“300px×400px”，并保存为“制作音乐时钟.fla”。 （2）新建影片剪辑元件“秒针”，绘制一个如图8-54的秒针图形，新建影片剪辑元件“分针”，绘制一个如图8-55的分针图形，新建影片剪辑元件“时针”，绘制一个如图8-56的时针图形，新建图形元件“针轴”，绘制一个如图8-57的针轴图形，，如图8-45所示。 （3）返回主场景，绘制一个钟面图形，在钟面上输入时刻数字，如图8-58所示。 （4）新建图层2，显示辅助线，从“库”面板中拖拽元件实例到图层2上，并调整其位置，用任意变形工具选择图形，并调整其中心点于钟面中心点对齐，如图8-59所示。 制作音乐时钟 （5）分别定义秒针、分针和时针的实例名称为mm、ss、hh。 （6）新建图层3，并重命名为“Action”，按【F9】键打开“动作-帧”面板，在其中添加如下脚本。 var time:Date = new Date(); var hours = time.getHours();//获取小时 var minutes = time.getMinutes();//获取分钟 var seconds = time.getSeconds();//获取秒 if (hours12) { hours = hours-12; } if (hours1) { hour