交互式动画教程.ppt

交互式动画就是允许观众对影片进行控制 而达到某种目的的动画 交互式动画在动画与观众之间形成一种互动 使观众可以参与到动画中来 例如前面介绍的按钮元件的制作 它可以通过鼠标的移入或移出制作出不同的响应效果 而除了简单的响应效果以外 还可以通过为按钮编写脚本语言 使按钮具有控制影片的播放或者链接到指定的网页中去的功能 这是传统动画所不具备的 在Flash中却能轻松实现 教学内容 1脚本语言基础时间轴控制3on语句5利用getURL语句6利用Mouse hide与startDrag语句制作个性化鼠标指针7利用on startDrag与stopDrag语句制作可以拖动的影片剪辑8本章小结 1脚本语言基础 所有脚本语言的编写均在动作面板中完成 执行 窗口 开发面板 动作 命令或直接按F9快捷键 即可打开动作面板 如下图所示 动作面板共有三个窗口组成 左上角为动作工具栏 以树状结构显示Flash支持的所有脚本语言 左下角为信息工具栏 显示当前的选择 也就是要附加脚本语言的对象和已经附加脚本语言的对象的信息 右边为脚本编辑区 编辑与显示脚本语言的窗口 交互式动画是由触发动作的事件 事件的目标和触发事件的动作3个因素组成的 例如单击按钮后 影片开始播放这一事件 其中 单击是触发动作的事件 按钮是事件的目标 影片开始播放是触发事件的动作 换句话说 事件 目标和动作构成了一个交互式动画 在Flash中 事件包括鼠标事件 键盘事件和帧事件三种 目标包括时间轴 按钮元件和影片剪辑元件三种 而动作就是指控制影片的一系列脚本语言 所以说脚本语言的编写也就是各种动作的编写 1 1交互式动画原理 1 2脚本编辑区的构成 1 添加动作按钮 单击此按钮添加脚本语言 功能与动作工具栏相同 可以将它理解为动作工具栏的快捷方式 2 查找替换按钮 单击此按钮 弹出 查找 对话框 用于在脚本编辑区中查找指定的脚本语言 单击 替换 对话框 用于在脚本编辑区中查找并替换指定的脚本语言 3 指定目标路径按钮 单击此按钮 弹出 插入目标路径 对话框 用于设置影片剪辑实例和按钮实例的目标路径 4 语法检查按钮 用于检查当前脚本语言中的错误 如果脚本语言中有错误 错误报告将显示在 输出 窗口中 5 自动套用格式按钮 调整当前脚本语言的格式 使它标准化 6 显示代码提示按钮 控制是否显示代码提示 通过显示代码目录 快速查找到需要的脚本语言 7 调试选项弹出菜单 单击此按钮 弹出调试选项弹出菜单 用于在脚本中设置和删除用于调试的断点 可以检查动作脚本的语法错误 8 脚本助手 单击此按钮 可以在动作面板中显示出当前脚本命令的使用说明 9 帮助 单击此按钮 弹出帮助菜单 1 3语言的编写方式 在编写脚本语言时 既可以通过直接在脚本编辑区中输入字符进行编写 又可以通过在动作工具栏中选择项目进行编写 单击动作工具栏中的项目文件夹 可展开或收缩文件夹 在展开的项目文件夹中包含多个脚本项目 通过双击进行选择 此外 还可以通过添加动作按钮 将新项目添加到脚本中 1 4脚本元素 根据元素性质和作用的不同 Flash将脚本元素分为12大类 被分别归类整理于12个项目文件夹 如图1所示 索引 元素则是所有脚本项目的集合 可按照字母顺序将所有的脚本项目显示出来 各项目文件夹的特点如下 全局函数 该文件夹中包括了制作影片时根据不同用途使用的各种函数 动作语句等 共有时间轴控制 控制影片播放的函数 浏览器 网络 控制Web浏览器和网络的函数 影片剪辑控制 控制影片剪辑的函数 等7种函数 如图2所示 图3 图2 全局属性 包含全局属性和标识符 用于设置生成影片对象的各种具体参数 例如影片的显示质量等 如图3所示 图1 语句 包含动作脚本语句的关键字 包括变量 修改和访问变量的动作 类构造 用于创建类的构造 条件 循环 条件语句和循环构造 等5种类别 运算符 包含可在语句中使用的运算符 用于各种对象间的运算 ActionScript2 0类 动作脚本提供的预定义类 由于Flash脚本语言是面向对象的开发工具 所以该类别可以说是Flash脚本语言中最重要的类别 它包含了可在脚本中使用的对象及其属性 事件和方法的项目列表 利用对象可以得到或设置特殊的类型信息 常数 在脚本语言中使用的全局常量 它包含了如false null true和undefined等固定值的函数 编辑器指令 该文件夹中包括了开始一个组件初始化块 结束一个组件初始化块和包括来自文件的脚本选项 否决的 该文件夹中包括了动作 函数 运算符与属性中应避免在新内容中出现的功能 数据组件 该文件夹中的内容是各种行为数据的集合 是以前需要通过复杂的脚本语言编写才能实现的功能的集合 屏幕 可以使用行为为屏幕创建控件和过渡 例如制作出屏幕的淡入或淡出效果等 组件 用于设置组件的各种参数及属性 1 5脚本的应用位置 脚本的应用位置就是脚本语言的目标 它包括时间轴 按钮元件和影片剪辑 也就是说 脚本语言的对象既可以是各关键帧 又可以是按钮或影片剪辑实例 2时间轴控制 时间轴控制中包括了几种最常用的动作 用于控制影片或影片剪辑元件中的时间轴 理解这些语言的意义 掌握它们的编写与操作 可以轻松实现交互式影片中最为常见的效果 实例如控制影片的播放 停止和重新播放等 时间轴控制命令位于全局函数的子文件夹中 所有项目如下图所示 2 1stop play语句 stop动作就是让影片停止播放 它既可以应用于影片中的时间轴 达到控制影片的目的 又可以应用于影片剪辑元件中的时间轴 达到控制影片剪辑元件的目的 play动作就是让影片从当前位置开始播放 Stop与play语句没有参数 2 2goto语句 goto动作使电影跳转到时间轴上指定的帧或场景 分为gotoandplay和gotoandstop两种 用于设置在跳转到该帧或场景之后是否继续播放影片 goto语句的参数为帧或场景 假如当前有一个鼠标事件 当释放鼠标时 当前影片将跳转到场景2的第5帧继续播放 脚本语言如图1所示 假如当前有一个鼠标事件 当 释放鼠标时 影片将跳转到当前影片的第15帧后停止播放 脚本语言如图2所示 2 3nextFrame和prevFrame语句 nextFrame动作就是让影片播放到下一帧并停止 prevFrame动作就是让影片返回到上一帧并停止 nextFrame与prevFrame语句没有参数 它们一般应用于鼠标事件中 控制影片的前进或后退 2 4nextScene和prevScene语句 nextScene动作就是让影片播放到下一场景的第1帧并停止 prevFrame动作就是让影片返回到上一场景的第1帧并停止 nextScene与prevScene语句没有参数 用法与nextFrame和prevFrame语句类似 2 5stopAllSounds语句 stopAllSounds动作停止当前影片中所有的声音效果 而不影响影片的视觉效果 没有参数 通常用于制作静音按钮 3on语句 on语句位于全局函数的子文件夹影片剪辑控制中 如图1所示 on语句用于设置鼠标的各种事件 实际上是事件而不是动作 3 1on事件 双击on语句 在脚本编辑区出现on事件提示列表 如图2所示 在提示列表中包含了应用于按钮实例的各种事件 共计22个 下面将逐一进行描述 图1 图2 3 2将脚本语言的应用于按钮元件 本节将制作一个使用按钮控制影片播放的动画 也就是说 动画在开始时是停止的 只有在单击按钮以后 动画才能播放 本节将通过为按钮设置不同的语句 达到控制影片播放 停止 前进一帧和后退一帧的目的 通过本例制作 掌握通过按钮控制影片的方法 3 3利用Play Stop nextFrame prevFrame语句结合on语句控制影片播放 4利用getURL语句 getURL动作主要从事两项工作 其一 将指定的URL加载到浏览器窗口 其二 将变量数据发送到指定的URL 也就是常用的超链接和发送E mail功能 用户通过单击被附加动作的按钮完成上述两种操作 在动作面板中 双击 全局函数 浏览器 网络 getURL 选项 即可添加该动作 getURL语句的参数为URL Window或Variables 格式为 getURL URL Window Variables URL 用户在此处定义getURL动作的URL URL可以是一个相对路径 例如index html 也可以是一个绝对的URL 例如 Window 窗口 用户在此处设置窗口的打开方式 共有以下四种方式 1 self 在当前窗口的当前框架中打开网页 2 blank 在新窗口中打开网页 3 parent 在当前框架的父框架中打开网页 4 top 在当前窗口的顶层框架中打开网页 Variables 变量 用户在此处定义处理变量的方式 共有以下三种方式 1 Don tsend 不发送 不发送变量 是打开URL的最佳方法 也是默认选项 2 senduseGET 用GET方式发送 发送少量变量 并附在指定的URL后面 3 sendusePOST 用POST方式发送 发送大量变量 并以独立的形式发送 3 确定URL 在getURL后面的括号 中输入绝对URL以及其他参数 接着单击自动套用格式按钮 得到如下图所示的效果 此时单击该按钮 即在新窗口中打开指定的网页文件 通常用于建立与浏览者联系 以便及时得到浏览者的反馈信息 当浏览者单击按钮时 即可为指定的地址发送电子邮件 具体操所步骤如下 4 2利用getURL语句发送电子邮件 1 重复上述第一 二步 2 确定URL 在getURL后面的括号 中输入mailto 以及电子邮件地址 不发送变量 接着单击自动套用格式按钮 得到如下图所示的效果 此时单击该按钮 即在向指定的地址发送电子邮件 5利用Mouse hide与startDrag语句制作个性化鼠标指针 startDrag语句可以使被定义的对象跟随鼠标运动 在动作面板中 双击 全局函数 影片剪辑控制 startDrag 选项 即可添加该动作 startDrag语句的参数为target lock和bottom 格式为 startDrag target lock left top right bottom Target 也就是对象 指要拖动的影片剪辑的实例名称 一次只能定义一个影片剪辑实例 lock 一个布尔值 用于指定鼠标位置 使光标锁定可拖动影片剪辑的中央时为true 使光标锁定用户首次单击该影片剪辑的位置上时为false left top right bottom 用于指定鼠标位置 使光标锁定相对于影片剪辑父级坐标的值 Mouse语句用于隐藏 显示鼠标 在动作面板中 双击 ActionScript2 0类 影片 Mouse 方法 hide 选项 隐藏光标 双击 ActionScript2 0类 影片 Mouse 方法 show 选项 显示光标 Mouse语句没有参数 隐藏光标的格式为 Mouse hide 显示光标的格式为 Mouse show 接下来就利用这两种语句 制作个性化鼠标指针 它的原理就是为自行绘制的影片剪辑附加鼠标跟随的动作 接着将光标隐藏 就得到了个性化的鼠标指针 利用startDrag语句可以使影片剪辑实例跟随鼠标移动 而要解除跟随的效果 就需要用stopDrag语句 为startDrag语句附加一种鼠标事件 例如单击 此时就可以拖动影片剪辑实例 随意改变它的位置 接着为stopDrag语句附加一种鼠标事件 例如释放鼠标 此时停止跟随效果 刚刚被移动的影片剪辑实例在新位置中停止跟随 达到了移动影片剪辑实例的目的 stopDrag语句的使用方法与startDrag语句类似 使用时双击 ActionScript2 0类 影片 movieclip 方法 stopDrag 选项即可 6本章小结 一个完整的交互式动作由三个因素构成 分别为事件 目标和动作 事件是为了得到效果而执行的某种操作 目标是被执行的对象 动作是执行操作后得到的效果 例如打开收音机放音乐这个交互式动作 事件为打开收音机时所做的操作 目标为收音机 动作为音乐开始播放 在Flash中 事件包括鼠标事件 键盘事件和帧事件三种 鼠标事