项目十

制作交互式动画;;制作中秋节

电子贺卡动画;;本任务是一个综合应用动画技术制作中秋节电子贺卡的实例，效果如图所示。通过本任务的学习，可以掌握电子贺卡的制作流程和方法以及场景、元件、实例、“动作”面板的应用技巧。;一、播放和停止动画

1.?stop（）：用于在此帧停止播放。

2.?gotoAndStop（）：用于转到某帧并停止播放。

3.?gotoAndPlay（）：用于转到某帧并开始播放。

4.?addEventListener（）：用于添加事件的方法。;369;1.?在Animate中创建多个图层，并在每个图层中放置一个带有位移动画的对象，如图所示。;2.?在“图层深度”面板中更改每个图层名称右侧的深度值，为每个对象添加不同的图层深度，如图所示。在更改深度值时，数值越小对象越近，反之，数值越大对象越远，而对象的实际大小保持不变。;3.?单击“摄像头”后，调整摄像头的位置，可以看到摄像头近处的对象和远处的对象在以不同的速度移动，如图所示，原本每个图层的颜色色块运动状态是相同的，而调整了图层深度后，在相同的时间内，近处的玫红色色块向右移动的距离要比远处紫色色块向右移动的距离大得多，所以近处对象的移动速度比远离摄像头对象的移动速度更快。;373;添加图层深度前后的对比效果如图所示。;制作中华美食网;;本任务是一个利用平面设计素材制作多页面网页的实例，通过添加页面跳转代码，实现网页页面间的相互切换效果，如图所示。通过本任务的学习，可以掌握平面设计素材在网页制作中的应用方法与技巧以及色彩搭配在网页中的应用和HTML5?Canvas文档代码的应用方法。;378;一、预览动画预设

Animate的每个动画预设都包括预览，用户可在“动画预设”面板中查看动画预设预览。通过预览，用户可以了解在将动画应用于.fla文件中的对象时所得到的结果。对于用户创建或导入的自定义预设，可以添加对应的预览。

执行“窗口”→“动画预设”命令，弹出“动画预设”面板，如图所示。单击“默认预设”文件夹前面的箭头，展开默认预设，选择其中一个默认的预设选项，即可预览该默认动画预设，如图所示。在“动画预设”面板外单击即可停止预览。;380;二、应用动画预设

在舞台上选中符合创建补间动画条件的对象后，在“动画预设”面板中选择需要的动画预设，单击“应用”按钮来应用该动画预设。每个对象只能应用一个动画预设。如果将第2个动画预设应用于同一个对象，则第2个动画预设将替换第1个动画预设。;三、将补间动画另存为自定义动画预设

选中创建好的补间动画，或对“动画预设”面板中的补间动画进行更改，可将它另存为新的动画预设，如图所示。新预设将显示在“动画预设”面板中的“自定义预设”文件夹中。;四、导出和导入动画预设

1.?导出动画预设

在“动画预设”面板中选择需要导出的预设，单击“动画预设”面板右上角的按钮，在弹出的菜单中选择“导出...”选项，如图所示，将选中的动画预设导出为XML文件。;384;五、删除动画预设

在“动画预设”面板中选择需要删除的预设，单击面板下方的“删除项目”按钮，系统会弹出“删除预设”对话框，单击“删除”按钮，即可将选中的预设删除。在删除预设时，Animate将从磁盘中删除其XML文件。;制作唐诗教学课件;;本任务是一个教学课件动画制作实例，通过添加交互式动作脚本，实现唐诗学习的动态教学效果，如图所示。通过本任务的学习，可以掌握教学课件界面设计的原理和方法以及制作交互式教学课件的方法和技巧。;389;一、“组件”面板

1.?组件的类型

在HTML5?Canvas中，Animate的组件有jQuery?UI、用户界面和视频这3大类，如图所示，其作用分别如下。;（1）jQuery?UI组件：包括DatePicker和RadioSet两个组件。

（2）用户界面组件：主要用于设置用户交互界面，并通过交互界面使用户与应用程序进行交互操作，包括Button、CheckBox、ComboBox、CSS、Image、Label、List、NumericStepper、RadioButton、TextInput共10个组件。

（3）视频组件：只有一个用于播放视频的Video组件，如图所示。;2.?组件的操作

组件的操作主要包括添加组件、删除组件和设置组件参数等，下面分别进行介绍。

（1）添加组件

执行“窗口”→“组件”命令，打开“组件”面板，双击要添加的组件或将其拖动到舞台中，即可添加组件，同时在“库”面板中也会增加该组件及其关联的资源。如果要再次使用相同的组件，可以直接从“库”面板中添加。;（2）删除组件

若要从舞台中删除一个组件，只需先选中该组件，再按Delete键删除即可。若要从