《交互动画》PPT课件

《《交互动画》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第4章交互动画初识动作脚本动画的跳转控制按钮交互的实现创建链接浏览器控制声音的控制影片剪辑的播放和控制键盘控制ActionScript3.0的应用本章重点：与许多动画制作工具相比，Flash动画有一个最大的特点就是具有强大的交互性，浏览者在观赏动画的同时，可以自由控制动画的播放进程。通过本章学习应掌握一下内容：4.1初识动作脚本动画脚本是Flash具有强大交互功能的灵魂所在。它是一种编程语言，FlashCS3有两种版本的动作脚本语言，分别是ActionScript2.0和ActionScript3.0，动画之所以具有交互性，是通过对按钮、关键帧和影

2、片剪辑设置移动的“动作”来实现的，所谓“动作”指的是一套命令语句，当某事件发生或某条件成立时，就会发出命令来执行设置的动作。执行菜单中的“窗口

3、动作”命令（快捷键〈F9〉），可以调出“动作”面板，如图4-1所示。动作工具箱是浏览ActionScript语言元素（函数、类、类型等）的分类列表，包括全局函数、全局属性、运算符、语句、ActionScript2.0类、编译器指令、常数、类型、否决的、数据组件、组件、屏幕和索引等，单击它们可以展开相关内容，如图4-2所示。双击要添加的动作脚本即可将它们添加到右侧的脚本窗口中，如图4-3所示。1.动作工具箱图

4、4-2展开相关内容图4-3将动作脚本添加到右侧的脚本窗口中2.脚本导航器脚本导航器用于显示包括脚本的Flash元素（影片剪辑、帧和按钮）的分层列表。使用脚本导航器可在Flash文档中的各个脚本之间快速移动。如果单击脚本导航器中的某一项目，则与该项目相关联的脚本将显示在脚本窗口中，并且播放头将移动到时间轴上的相关位置。如果双击脚本导航器中的某一项，则该脚本将被固定（就地锁定）。可以通过单击每个选项卡在脚本间移动。脚本窗口用来输入动作语句，除了可以在动作工具箱中通过双击语句的方式在脚本窗口中添加动作脚本外，还可以在这里直接用键盘进行输入。3.脚本窗口4

5、.2动画的跳转控制关于动画的跳转控制，我们通过下面的实例进行讲解，具体操作步骤如下：1）打开配套光盘中“素材及结果

6、4.2动画的跳转控制

7、动画跳转控制-素材.fla”文件。2）单击时间轴下方的（插入图层）按钮，新建“图层2”。然后在第20帧按快捷键〈F6〉，插入关键帧，如图4-4所示。3）执行菜单中的“窗口

8、动作”面板，调出动作面板，然后双击“全局函数”下的stop，此时在右侧脚本窗口中显示出脚本“stop（）”，结果如图4-5所示。图4-4在“图层2”的第20帧插入关键帧图4-5右侧脚本窗口显示出“stop（）”4）执行菜单中的“控制

9、测试影片”

10、命令，即可看到当动画播放到第20帧时，动画停止的效果。5）测试完毕后，关闭动画播放窗口，此时会发现在“图层2”的第20帧多出了一个字母“a”，如图4-6所示，它表示在该帧设置了动作脚本。图4-6在“图层2”的第20帧多出了一个字母“a”6）制作动画播放到结尾再跳转到第1帧循环播放的效果。方法：在“图层2”的第20帧，打开动作面板，删除动作脚本“stop”，然后用鼠标双击左侧“时间轴控制”类别中的“gotoAndPlay”，再在右侧的括号中输入1，如图4-7所示。该段脚本表示当动画播放到结尾时，自动跳转到第1帧继续播放，如图4-7所示。图4-7设置动

11、作脚本gotoAndPlay（1）7）制作动画播放到结尾再跳转到第1帧并停止播放的效果。方法：在“图层2”的第20帧，打开动作面板，删除动作脚本“gotoAndPlay（1）”，然后用鼠标双击左侧“时间轴控制”类别中的“gotoAndStop”，再在右侧的括号中输入1，如图4-8所示。该段脚本表示当动画播放到结尾时，自动跳转到第1帧并停止播放。图4-8设置动作脚本gotoAndStop（1）Flash中还有许多时间轴控制的动作脚本，它们的用法都是一样的，下面列出了一些常用时间轴控制脚本。gotoAndPlay一般用法：gotoAndPlay（场景，

12、帧数）；作用：跳转到指定场景的指定帧，并从该帧开始播放，如果要跳转的帧为当前场景，可以不输入“场景”参数。参数介绍如下：场景：跳转至场景的名称，如果是当前场景，就不用设置该项。帧数：跳转到帧的名称（在“属性”面板中设置的帧标签）或帧数。举例说明：当按下被添加了“gotoAndPlay”动作脚本的按钮时，动画跳转到当前场景的第15帧，并从该帧开始播放的动作脚本：on(press){gotoAndPlay(15);}举例说明：当按下被添加了“gotoAndPlay”动作脚本的按钮时，动画跳转到名称为“动画1”的场景的第15帧，并从该帧开始播放的动作脚本

13、：on(press){gotoAndPlay(“动画1”，15);}gotoAndStop一般用法：gotoAndStop