Flash CS6动画制作标准教程 (11).pptVIP

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