AnimateCC2019核心应用案例教程第8章.ppt

本章简介： Animate CC 2019 的动画具有交互性，用户可以通过对按钮的控制来更改动画的播放形式。本章将介绍控制动画播放、按钮状态变化，添加控制命令的方法。读者通过学习，应了解并掌握如何实现动画的交互功能，从而实现人机交互的操作方式。 第8章 交互式动画 学习目标 掌握播放和停止动画的方法 掌握按钮事件的应用 了解添加控制命令的方法 8.1　播放和停止动画 课堂案例—制作风景相册 播放和停止动画 按钮事件 使用“导入到库”命令，导入素材文件；使用“新建元件”命令，制作图形元件和按钮元件；使用“创建传统补间”命令，制作照片浏览动画；使用“动作”面板添加脚本语言。 效果图 8.1.1　课堂案例—制作风景相册 控制动画的播放和停止所使用的动作脚本如下。 （1）stop()：用于在此帧进行停止。 （2）gotoAndStop()：用于转到某帧并停止播放。 （3） gotoAndPlay()：用于转到某帧并开始播放。 （4） addEventListener()：用于添加事件的方法。 8.1.2　播放和停止动画 选择“文件 打开”命令，在弹出的“打开”对话框中，选择云盘中的“基础素材 Ch08 02”文件，单击“打开”按钮打开文件。按Ctrl+L 组合键，弹出“库”面板。用鼠标右键单击按钮元件“按钮”，在弹出的菜单中选择“属性”命令，弹出“元件属性”对话框。 勾选“为ActionScript 导出”复选框，在“类”文本框中输入类名称“playbutton”，单击“确定”按钮。 在“时间轴”面板中创建新图层并将其命名为“动作脚本”。选择“窗口 动作”命令，弹出“动作”面板（其快捷键为F9 键）。在“脚本窗口”中输入脚本语言。按Ctrl+Enter 组合键即可查看效果 8.1.3　按钮事件 8.2　按钮事件及添加控制命令 课堂案例—制作鼠标指针跟随效果 添加鼠标指针跟随的控制命令 使用椭圆工具、渐变变形工具、“变形”面板和“颜色”面板，绘制星星图形；使用“动作”面板，添加动作脚本语言。 效果图 8.2.1　课堂案例—制作鼠标指针跟随效果 8.2.2　添加鼠标指针跟随的控制命令 控制鼠标指针跟随所使用的脚本如下。 root.addEventListener(Event.ENTER_FRAME, 元件实例); function 元件实例(e:Event) { var h: 元件 = new 元件(); // 添加一个元件实例 h.x=root.mouseX; h.y=root.mouseY; // 设置元件实例在X 轴和Y 轴的坐标位置 root.addChild(h); // 将元件实例放入场景 } 使用“新建元件”命令，创建图形元件和按钮元件；使用文本工具，输入文字；使用矩形工具，绘制矩形图形。 8.3　课堂练习—制作女装类动画 效果图 使用“导入到库”命令，导入素材；使用“新建元件”命令，制作按钮元件。 8.4　课后习题—制作女装馆界面 效果图