flash cs5入门与提高课件第10章制作交互动画.ppt

第10章 制作交互动画 本章重点 本章将向读者介绍交互动画的制作基础，内容包括交互动画的概念，Flash CS5中“动作”面板的组成与使用方法，如何设置“动作”面板参数，在撰写脚本时如何使用代码提示，如何通过“动作”面板给帧、按钮以及影片剪辑添加动作，以及如何创建简单的交互操作，比如跳到某一帧或场景，播放和停止影片，跳到不同的URL。 学习目的 通过本章的学习，您可以： 掌握动作面板的使用方法。 了解创建交互动画的条件。 掌握为帧，按钮和影片剪辑添加动作的方法。 掌握简单的交互创作操作方法。 10.1 什么是交互动画 Flash中的交互就是指人与计算机之间的对话过程，人发出命令，计算机执行操作，即人的动作引发计算机响应这样一个过程。 交互性是电影和观众之间的纽带。它的应用非常广泛，比如现在浏览的网页通常都包含了交互性的网页。网页设计者通过JavaScript，VBScript等脚本程序使网页可以按浏览者的不同要求进行显示或者处理用户提供的各种数据并返回给用户。 Flash的交互动画是指在作品播放时支持事件响应和交互功能的一种动画，也就是说，动画播放时能够受到某种控制，而不是像普通动画一样从头到尾进行播放。这种控制可以是动画播放者的操作，比如说触发某个事件，也可以在动画制作时预先设的某种变化。 10.2 “动作”面板 在Flash中，用户可以通过动作面板来创建与编辑脚本。一旦在关键帧，按钮或者是影片剪辑上附加了一个脚本，就可以创建所需要的交互动作了。 选择“窗口”菜单里的“动作”子菜单，就可以打开动作面板，如图所示。 10.2.1 使用动作面板 在Flash CS5中，用户可以通过“动作”工具箱中选择项目创建脚本，也可单击“将新项目添加到脚本中”按钮“”，从弹出的菜单中选择动作。“动作”工具箱把项目分为几个类别，例如动作，属性和对象等，还提供了一个按字母顺序排列所有项目的索引。当双击项目时，它将被添加到面板右侧的脚本窗格中，也可以直接单击并拖动项目到脚本窗格中。 用户也可以直接在“动作”面板右侧的脚本窗格中输入动作脚本，编辑动作，输入动作的参数或者删除动作，还可以添加，删除脚本窗格中的语句或更改语句的顺序，这和用户在文本编辑器中创建脚本十分相似。还可以通过“动作”面板来查找和替换文本，查看脚本的行号等。用户还可以检查语法错误，自动设定代码格式并用代码提示来完成语法。 10.2.1 使用动作面板 针对Flash设计人员，Flash CS5增强了代码易用性方面的功能，比如以前只有在专业编程的IDE才会出现的代码片断库，现在也出现在Flash CS5中。单击“动作”面板右上角的“代码片断”按钮，即可弹出“代码片断”面板，如图所示。 Flash CS5代码片断库通过将预建代码注入项目，可以让用户更快更高效地生成和学习ActionScript代码。 使用“动作”面板添加动作的步骤如下： （1）单击“动作”工具箱中的某个类别，显示该类别中的动作。 （2）双击选中的动作，或者将其拖放到脚本窗格中，即可在脚本窗格中添加该动作。如图所示。 10.2.2 使用“动作”面板选项菜单 在动作面板中，单击右上角的“ ”按钮，将打开“动作”面板选项菜单，如图所示。 10.2.3 设置“动作”面板的参数 用户可以通过设置动作面板的工作参数，来改变脚本窗格中的脚本编辑风格。 要设置动作面板的参数，可以通过如下操作： （1）从“动作”面板的选项菜单中选择“首选参数”命令。然后单击“ActionScript”选项卡，如图所示。 10.2.3 设置“动作”面板的参数 （2）从弹出的“首选参数”对话框里设置以下任意首选参数： 自动缩进 制表符大小 代码提示 延迟 字体 使用动态字体映射 编码 重新加载修改的文件 语法颜色 语言 10.2.4 使用代码提示 可通过以下操作之一启用自动代码提示： 从“动作”面板的右上角的选项菜单中选择“首选参数”，然后在“ActionScript”选项卡上，选择“代码提示”。 单击脚本窗格上方的“显示代码提示”按钮“”。 从“动作”面板的选项菜单中选择“显示代码提示”。 结果如图所示。 要使代码提示消失，可以通过执行以下操作之一： 选择其中的一个菜单项。 单击该语句之外的地方。 按下Esc键。 10.3 为对象添加动作 10.3 为对象添加动作 10.3 为对象添加动作 10.3.1 为帧添加动作 10.3.2 为按钮添加动作 为按钮添加动作时，必须将动作嵌套在on处理函数中，并添加触发该动作的鼠标或键盘事件。将“on”处理函数拖放到脚本窗格中