电脑知识与技术_IT168文库

　　火星电竞平台ｏｎ （ｐｒｅｓｓ） ｛＿ｒｏｏｔ．ｍBiblioteka Baidu．ｓｔｏｐ（）； ＿ｒｏｏｔ．ｍ２．ｓｔｏｐ（）；｝

　　Ｆｌａｓｈ 号 称 网 页 三 剑 客 之 一 ， 它 的 受 欢 迎 程 度 远 远 超 过 Ｄｒｅａｍｗｅａｖｅｒ 和 Ｆｉｒｅｗｏｒｋｓ！ 但是很多学生在制作 ｆｌａｓｈ 时只使用到 了逐帧、 补间、 遮罩动画等技术来制作演示型的动画， 而对 ｆｌａｓｈ 中 的 ＡｃｔｉｏｎＳｃｒｉｐｔ 编 程 特 别 是 交 互 动 画 部 分 ， “敬 而 远 之 ” 所 以 很 多

　　第十一步， 选中蓝色的 按 “第 二 档 ” 钮 ， 在 动 作 面 板 中 添 加 如 下代码， 这段程序的作用是当我们单击蓝色的 按 “第 二 档 ” 钮 时 ， 风扇便转动在第二档。

　　ｏｎ （ｐｒｅｓｓ） ｛ ＿ｒｏｏｔ．ｍ１．＿ｖｉｓｉｂｌｅ＝ｆａｌｓｅ； ＿ｒｏｏｔ．ｍ２．＿ｖｉｓｉｂｌｅ＝ｔｒｕｅ； ＿ｒｏｏｔ．ｍ１．ｓｔｏｐ（）； ＿ｒｏｏｔ．ｍ２．ｐｌａｙ（）；｝

　　ｏｎＣｌｉｐＥｖｅｎｔ（ ）是影片剪辑事件处理函数， ＯｎＣｌｉｐＥｖｅｎｔ（ｋｅｙＤｏ （ 下转第 １３６ 页）

　　本是图像去色后的结果， 但通道中的前景与背景灰度反 差 相 对 较 小， 故三个通道的灰度图比较后， 应当确定以红色通道为模 本 ， 调 整、 选择出所需内容。 得到的一幅新漓江山水图。

　　图２ 第 八 步 ， 选 中 图 层 ｍ１ 中 的 影 片 剪 辑 ｍ１ ， 在 “属 性 面 板 ”的

　　作者简介： 胡海艳（ １９７９－ ） ， 女， 辽宁人， 助教， 在读硕士， 研究方向： 图像处理与模式识别； 黄志雄（ １９７９－ ） ， 男， 湖南人， 助教， 研 究方向： 人工智能与模式识别。

　　名为 ｍ１ 的图层， 单击第一 帧 ， 把 影 片 剪 辑 ｍ１ 拖 到 场 景 中 ， 让 ｍ１ 完全覆盖 ｍ２ 。 第 七 步 ， 新 建 图 层 ｍ３ ， 单 击 第 一 帧 ， 把 扇 叶 前 面 的 罩 子 拖 到 场景中放在恰当的位置。整个风扇的外观摆放如图 ２ 所示：

　　ｏｎＣｌｉｐＥｖｅｎｔ（ｌｏａｄ）｛ ＿ｒｏｏｔ．ｍ２．＿ｖｉｓｉｂｌｅ ＝ ｆａｌｓｅ； ＿ｒｏｏｔ．ｍ１．ｓｔｏｐ（）； ＿ｒｏｏｔ．ｍ２．ｓｔｏｐ（）；｝ ｏｎＣｌｉｐＥｖｅｎｔ（ｋｅｙＤｏｗｎ） ｛ｉｆ（Ｋｅｙ．ｉｓＤｏｗｎ（９６）） ｛＿ｒｏｏｔ．ｍ１．ｓｔｏｐ（）； ＿ｒｏｏｔ．ｍ２．ｓｔｏｐ（）；｝ ｉｆ（Ｋｅｙ．ｉｓＤｏｗｎ（９７）） ｛＿ｒｏｏｔ．ｍ１．＿ｖｉｓｉｂｌｅ ＝ ｔｒｕｅ； ＿ｒｏｏｔ．ｍ２．＿ｖｉｓｉｂｌｅ ＝ ｆａｌｓｅ； ＿ｒｏｏｔ．ｍ１．ｐｌａｙ（）；｝ ｉｆ（Ｋｅｙ．ｉｓＤｏｗｎ（９８）） ｛ ＿ｒｏｏｔ．ｍ２．＿ｖｉｓｉｂｌｅ ＝ ｔｒｕｅ； ＿ｒｏｏｔ．ｍ１．＿ｖｉｓｉｂｌｅ ＝ ｆａｌｓｅ； ＿ｒｏｏｔ．ｍ２．ｐｌａｙ（）；｝ ｝

　　第十步， 选中绿色的 按 “第 一 档 ” 钮 ， 在 动 作 面 板 中 添 加 如 下 代码， 这段代码的作用是当我们单击绿色的 按 “第 一 档 ” 钮 时 ， 风 扇便转动在第一档。

　　ｏｎ （ｐｒｅｓｓ） ｛＿ｒｏｏｔ．ｍ１．＿ｖｉｓｉｂｌｅ＝ｔｒｕｅ； ＿ｒｏｏｔ．ｍ２．＿ｖｉｓｉｂｌｅ＝ｆａｌｓｅ； ＿ｒｏｏｔ．ｍ１．ｐｌａｙ（）； ＿ｒｏｏｔ．ｍ２．ｓｔｏｐ（）；｝ 其中， 函数 ＿ｒｏｏｔ．ｍ１．ｐｌａｙ（）的作用是播放影片剪辑 ｍ１ 。

　　（ １． 广东仲恺农业技术学院计算机科学与工程学院， 广东 广州 ５１０２２５； ２． 广东华南农业大学， 广东 广州 ５１０６４２） 搞要： 本文针对 ｆｌａｓｈ 中的交互动画部分作了初步的探讨， 重点介绍了交互动画编程中怎样使用鼠标、 键盘来与计算机实现简单的交 互动画。 关键词： ｆｌａｓｈ ； 交互； 动画； 事件 中图分类号： ＴＰ ３１７ 文献标识码： Ａ 文章编号： １００９－ ３０４４（２００６）１１－ ００１３１－ ０２

　　接下来我们将对各元件分别编写程序来控制它们。 第四步， 复制影片剪辑 ｍ１， 改名为 ｍ２， 然后通过 ｍ２ 的动画帧 数和旋转的次数来控制扇叶的转速， 使其比 ｍ１ 的转速快。 是我 ｍ２ 们设定的风扇 “第二档” 为了简化问题， 这里只制作了 ｍ１、 二个 。 ｍ２ 档位。读者还可以继续制作比 ｍ２ 更快的 ｍ３、ｍ４ 档位等。 收稿日期： ２００６－ ０２－ ０６

　　一 “ 实 例 名 称 ” 栏 填 写 ｍ１ ” 同 理 ， 选 中 图 层 ｍ２ 中 的 影 片 剪 辑 “ ， 的 一 “属性面板” “实例名称” 栏 填 写 ｍ２ ” 这 样 做 是 为 了 区 “ ， ｍ２ ， 在 分影片剪辑的分身。然后选中场景中的影片剪辑 ｍ１ ， 在动作面板 中添加如下代码（ 如图 ３ ） ： ｏｎＣｌｉｐＥｖｅｎｔ （ｌｏａｄ） ｛＿ｒｏｏｔ．ｍ２．＿ｖｉｓｉｂｌｅ ＝ ｆａｌｓｅ； ＿ｒｏｏｔ．ｍ１．ｓｔｏｐ（）； ＿ｒｏｏｔ．ｍ２．ｓｔｏｐ（）； ｝ 影片剪辑 ｍ１ 、 停止播放。 ｍ２

　　图４ 在这里， 我们编写了一个针对 对 “按 钮 ” 象 的 ｏｎ 事 件 处 理 函

　　数。 ）事件处理函数是最传统的事件处理方法。 它直接作用于按 ｏｎ（ 钮元件实例， 它的一般形式如下：

　　图５ 这 样 我 们 便 能 通 过 数 字 小 键 盘 上 的 ０、 、 这 ３ 个 数 字 键 来 １ ２

　　ｏｎ （鼠标事件 ）｛／／此处是事件触发后需要执行的程序语句， 由 它们来响应鼠标事件。 ｝ 可 以 选 择 的 鼠 标 事 件 有 ８ 种 ， 这 里 我 们 使 用 了 其 中 的 Ｐｒｅｓｓ

　　风扇的开和关， 第一档和第二档的转换， 实现了可以和计算机交 互的 ｆｌａｓｈ 动画。

　　ｏｎＣｌｉｐＥｖｅｎｔ（ ）是影片剪辑事件处理函数， 它的一般形式如下： ｏｎＣｌｉｐＥｖｅｎｔ（ｍｏｖｉｅＥｖｅｎｔ）｛／／此 处 是 编 写 的 程 序 语 句 ， 用 来 响 应 事件。 ｝ ｍｏｖｉｅＥｖｅｎｔ 是一个事件触发器， 当事件发生时， 执行大括号中 的事件代码， ｍｏｖｉｅＥｖｅｎｔ 事件可分为 ９ 种， Ｌｏａｄ 是 其 中 一 种 ， 指 影

　　Ｇｅｎｅｒａｌ Ｄｉｓ ｃｕｓ ｓ ｉｏｎ ａｂｏｕｔ Ｉｎｔｅｒａｃｔｉｎｇ Ａｎｉｍａｔｉｏｎ Ｐ ｒｏｇｒａｍｍｉｎｇ ｉｎ Ｆｌａｓ ｈ ＨＵ Ｈａｉ－ ｙａｎ １， ＨＵＡＮＧ Ｚｈｉ－ ｘｉｏｎｇ２ （１．Ｃｏｍｐｕｔｅｒ Ｓｃｉｅｎｃｅ ａｎｄ Ｅｎｇｉｎｅｅｒｉｎｇ Ｉｎｓｔｉｔｕｔｅ ｏｆ Ｚｈｏｎｇｋａｉ Ｕｎｉｖｅｒｓｉｔｙ ｏｆ Ａｇｒｉｃｕｌｔｕｒｅ ａｎｄ Ｔｅｃｈｎｏｌｏｇｙ，Ｇｕａｎｇｚｈｏｕ ５１０２２５，Ｃｈｉｎａ；２．Ｓｏｕｔｈ Ｃｈｉｎａ Ａｇｒｉｃｕｌｔｕｒａｌ Ｕｎｉｖｅｒｓｉｔｙ， Ｇｕａｎｇｚｈｏｕ ５１０６４２，Ｃｈｉｎａ） Ａｂｓ ｔｒａｃｔ：Ｔｈｉｓ ｐａｐｅｒ ｐｒｅｓｅｎｔｓ ｔｈｅ ｗａｙｓ ａｎｄ ｍｅｔｈｏｄｓ ｏｆ ｉｎｔｅｒａｃｔｉｎｇ ａｎｉｍａｔｉｏｎ ｐｒｏｇｒａｍｍｉｎｇ ｉｎ Ｆｌａｓｈ．Ｉｔ ｅｍｐｈａｓｉｚｅｓ ｏｎ ｐｒｏｇｒａｍｍｉｎｇ ｔｅｃｈｎｉｑｕｅ ａｎｄ ｍｅａｎｓ ｗｈｉｃｈ ａｒｅ ｂａｓｅｄ ｏｎ ｍｏｕｓｅ ａｎｄ ｋｅｙｂｏａｒｄ ｔｏ ｉｎｔｅｒａｃｔ ｗｉｔｈ ｃｏｍｐｕｔｅｒ． Ｋｅｙ ｗｏｒｄｓ ：ｆｌａｓｈ；ｉｎｔｅｒａｃｔｉｏｎ；ａｎｉｍａｔｉｏｎ；ｅｖｅｎｔ

　　１ ） ， 在 ｍ１ 的 编 辑 区 内 单 击 第 １ 帧 ， 把 扇 叶 图 形 符 号 拖 到 里 面 ， 接 着 单 击 第 ４０ 帧 ， 按 右 键 选 择 “插 入 关 键 帧 ” 在 第 ４０ 帧 中 插 入 关 ， 键帧后， 再单击第 １ 帧， 右击选择 “创建补间动画” 并 在 属 性 面 板 ， 的 一栏选中 “旋转” “顺时针” 旋转次数默认值为 １ 次 。 我 们 可 以 ， 根据不同的需要， 通过影片剪辑 ｍ１ 的动画帧数和旋转的次数来 控制扇叶的转速（ 这里的 ｍ１ 是我们设定的风扇 “第一档” 。 ）

　　回到第八步， 我们选中场景中 的 影 片 剪 辑 ｍ１ ， 在 动 作 面 板 中 添加如下代码（ 如图 ５ ） ：

　　＿ｒｏｏｔ．ｍ２．ｖｉｓｉｂｌｅ＝ｆａｌｓｅ 的 作 用 是 隐 藏 影 片 剪 辑 ｍ２ ； 语 句 ＿ｒｏｏｔ．ｍ１． ｓｔｏｐ（）和 ＿ｒｏｏｔ．ｍ２．ｓｔｏｐ（）的 作 用 是 使 影 片 剪 辑 ｍ１ 和 ｍ２ 停 止 播 放 。 整 段 语 句 的 含 义 是 当 影 片 剪 辑 ｍ１ 和 ｍ２ 被 加 载 进 入 场 景 时 ， 把 ｍ２ 隐藏起来， 并且使 ｍ１ 和 ｍ２ 都 处 于 停 止 状 态 。 也 即 是 当 电 影

　　学生往往只是套用现成的代码， 无法理解其中的真 正 含 义 。 在 这 里我们通过风扇制作小实例， 重点介绍了交互动画 编 程 中 怎 样 使 用鼠标、 盘来与计算机实现简单的交互动画， 希望能起到抛砖 键 引玉的作用。

　　第一步， 新建一个 ｆｌａｓｈ 文档， 将其工作区设置为宽 ５５０ 像素， 高 ４００ 像素。 第二步， 新建一个图形符号， 在里面绘制风扇 的 扇 叶 ， 然 后 分 别新建两个图形符号， 分别在它们的编辑区内绘制 叶 前 面 的 罩 子 和风扇外壳。（ 注： 在这里我们主要讨论编程， 不详细 讨 论 绘 图 步 骤， 读者可以发挥自己的想象去绘制各种不同的精美风扇。） 图形 符 号 是 ｆｌａｓｈ 中 的 三 大 基 本 元 件 之 一 。 如 果 我 们 调 入 一 幅位图进来， 最好把它放到 元 “图 形 符 号 ” 件 中 去 ， 因 为 图 形 符 号 元件有自己的一些属性， 比如透明度、 调、 度等， 这些属性很 色 亮 容易进行调整。 第三步， 新建一个影片 剪 辑 ＭＣ（Ｍｏｖｉｅ Ｃｌｉｐ）， 起 名 为 ｍ１ （ 如 图

　　事件， 表示当鼠标在按钮上按下时激发此事件， 也就是说当我们 用鼠标 按 “单 击 ” 钮 时 ， 计 算 机 就 会 执 行 大 括 号 中 的 程 序 语 句 ， 使

　　实 现 风 扇 停 止 、 一 档 、 二 档 的 功 能 。 ＯｎＣｌｉｐＥｖｅｎｔ（ ） 函 数 的 第 第 “停 止 ” 转 、 ｋｅｙＤｏｗｎ 事 件 代 码 中 的 三 个 ｉｆ 语 句 ， 分 别 起 着 让 风 扇 和转 的作用。 “第一档” “第二档”

　　中 ， 接 着 新 建 图 层 ２， 单 击 第 一 帧 ， 从 公 用 库 调 出 三 个 按 钮 放 在 风 扇外壳右边。读者也可以自己创作按钮， 具体做法这里不作讨论。 按钮是 ｆｌａｓｈ 中 的 三 大 基 本 元 件 之 一 ， 它 具 有 多 种 外 观 形 式 ， 通过编程后它能响应鼠标事件， 能执行指定的动作脚本， 是实现 交互动画的关键对象之一。 第 六 步 ， 新 建 一 个 名 为 ｍ２ 的 图 层 ， 单 击 第 一 帧 ， 把 影 片 剪 辑