1、第11章交互式动画的制作本章简介:Flash动画具有交互性，可以通过对按钮的控制来更改动画的播放形式。本章将介绍控制动画播放、按钮状态变化、添加控制命令的方法。读者通过学习要了解并掌握如何实现动画的交互功能，从而实现人机交互的操作方式。课堂学习目标u 掌握播放和停止动画的方法u 掌握按钮事件的应用u 了解添加控制命令的方法11.1播放和停止动画u 课堂案例制作珍馐美味相册u 播放和停止动画 使用“矩形”工具和“颜色”面板，绘制按钮图形；使用“创建传统补间”命令，制作传统补间动画；使用“动作”面板，添加脚本语言。效果图 11.1.1课堂案例制作珍馐美味相册控制动画的播放和停止所使用的动作脚本如下
2、。（1）on：事件处理函数，指定触发动作的鼠标事件或按键事件。例如on(press)此处的“press”代表发生的事件，可以将“press”替换为任意一种对象事件。11.1.2播放和停止动画（2）play：用于使动画从当前帧开始播放。例如on(press)play();（3）stop：用于停止当前正在播放的动画，并使播放头停留在当前帧。例如on(press)stop();11.1.2播放和停止动画 11.2按钮事件及添加控制命令u 课堂案例制作鼠标跟随效果u 按钮事件u 制作交互式按钮u 添加控制按钮 使用“椭圆”工具、“渐变变形”工具、“变形”面板和“颜色”面板，绘制星星图形；使用“动作”面
3、板，添加动作脚本语言。11.2.1课堂案例制作鼠标跟随效果效果图 11.2.2按钮事件 stop();/处于静止状态var playBtn:playbutton=new playbutton();/创建一个按钮实例 playBtn.addEventListener(MouseEvent.CLICK,handleClick);/为按钮实例添加监听器var stageW=stage.stageWidth;var stageH=stage.stageHeight;11.2.2按钮事件 /依据舞台的宽和高playBtn.x=stageW/1.2;playBtn.y=stageH/1.2;this.ad
4、dChild(playBtn);/添加按钮到舞台中，并将其放置在舞台的左下角（“stageW/1.2”、“stageH/1.2”宽和高在x和y轴的坐标）function handleClick(event:MouseEvent)gotoAndPlay(2);/单击按钮时跳到下一帧并开始播放动画。11.2.3制作交互式按钮 （a）按钮的“弹起”状态 （b）按钮的“指针经过”状态 （c）按钮的“按下”状态 11.2.3 添加控制命令控制鼠标跟随所使用的脚本如下。root.addEventListener(Event.ENTER_FRAME,元件实例);function 元件实例(e:Event)v
5、ar h:元件=new 元件();/添加一个元件实例h.x=root.mouseX;h.y=root.mouseY;/设置元件实例在x轴和y轴的坐标位置root.addChild(h);/将元件实例放入场景使用“导入到库”命令，将素材图片导入“库”面板中；使用“声音”文件，为动画添加背景音乐；使用“创建传统补间”命令，制作动画效果；使用“属性”面板和“动作”面板，控制声音音量的大小。11.3.课堂练习制作美食宣传片效果图 使用“导入到库”命令，导入素材图片；使用“椭圆”工具和“颜色”面板，绘制按钮图形；使用“对齐”面板，调整图片的对齐效果；使用“创建传统补间”命令，制作传统补间动画；使用“动作”面板，添加脚本语言。11.4课后习题制作汽车展示效果图
