Animate-CC-2019动画制作标准教程(共14单元)11制作交互式动画.ppt

本章简介：本章简介：AnimateAnimate动动画画存存在在着着交交互互性性，可可以以通通过过对对按按钮钮的的更更改改来来控控制制动动画画的的播播放放形形式式本本章章主主要要讲讲解解控控制制动动画画播播放放、声声音音改改变变、按按钮钮状状态态变变化化的的方方法法通通过过对对本本章章的的学学习习，读读者者可可以以了了解解并并掌掌握握如如何何制制作作动动画的交互功能，从而实现人机交互的操作方式画的交互功能，从而实现人机交互的操作方式第11章制作交互式动画课堂学习目标掌握播放和停止动画的方法掌握按钮事件的应用了解添加控制命令的方法11.1播放和停止动画课堂案例制作风景相册播放和停止动画使用“导入到库”命令，导入素材文件；使用“新建元件”命令，制作图形元件和按钮元件；使用“创建传统补间”命令，制作照片浏览动画；使用“动作”面板,添加脚本语言效果图 11.1.1课堂案例制作风景相册控制动画的播放和停止所使用的动作脚本如下1）stop()：用于在此帧进行停止2）gotoAndStop()：用于转到某帧并停止播放3）gotoAndPlay()：用于转到某帧并开始播放4）addEventListener()：用于添加事件的方法。

11.1.2播放和停止动画 11.2按钮事件 按钮是交互动画的常用控制方式，可以利用按钮来控制和影响动画的播放，实现页面的链接、场景的跳转等功能打开文件，按Ctrl+L组合键，打开“库”面板，在“库”面板中，用鼠标右键单击按钮元件“Play”，在弹出的菜单中选择“属性”命令，弹出“元件属性”对话框，勾选“为ActionScript导出”复选框，在“类”文本框中输入类名称“playbutton”，单击“确定”按钮，完成元件属性的设置单击“时间轴”面板上方的“新建图层”按钮，新建图层并将其命名为“动作脚本”选择“窗口 动作”命令，弹出“动作”面板（其快捷键为F9键）在“脚本窗口”中输入脚本语言，按Ctrl+Enter键即可查看效果11.3添加控制命令控制鼠标跟随所使用的脚本如下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.4课堂练习制作鼠标跟随效果 效果图 使用“导入”命令，导入素材文件；使用“创建传统补间”命令，制作美食动画效果；使用“动作”面板，添加脚本语言11.5课堂练习制作美食页面 效果图 。