资源描述
Flash平 面 动 画 制 作 第 5章 使 用 Actionscript动 作 脚 本制 作 交 互 动 画 教学目标 教学重点、难点 本章小结 教学内容及课时 教 学 目 标 通 过 本 章 的 学 习 ， 掌 握 使 用 Actionscrpit动 作 脚 本 制 作 交 互 动 画 的 基 本 方 法 和 技 巧 。第 5章 使 用 Actionscript动 作 脚 本制 作 交 互 动 画 教 学 重 点 与 难 点 时 间 轴 控 制 函 数 、 影 片 剪 辑 属 性 及 控 制 函 数 、浏 览 器 网 络 函 数 、 按 钮 及 影 片 剪 辑 的 事 件 处 理 函 数， if语 句 、 for语 句 的 使 用 ， 绝 对 路 径 和 相 对 路 径使 用 。 第 5章 使 用 Actionscript动 作 脚 本制 作 交 互 动 画 教 学 内 容 本 章 小 结第 5章 使 用 Actionscript动 作 脚 本制 作 交 互 动 画 本 章 计 划 授 课 14学 时 动 作 脚 本 概 述 “ 动 作 ” 面 板 介 绍 本 章 案 例 简 介 本 节 内 容5.1 Actionscript动 作 脚 本 概 述 Flash动 画 中 经 常 需 要 实 现 人 和 动 画 的 交 互 和 动画 内 部 各 对 象 的 交 互 。 利 用 Flash的 动 作 脚 本 ， 不 仅可 以 制 作 各 种 交 互 动 画 （ 如 游 戏 和 课 件 等 ） ， 而 且还 可 以 用 于 实 现 下 雨 、 下 雪 等 特 效 动 画 。 本 书 中 使 用 的 是 2.0版 本 的 动 作 脚 本 语 言 。一 、 动 作 脚 本 概 述 5.1 Actionscript动 作 脚 本 概 述 “动 作 ” 面 板 的 打 开 方 法 ： 【 窗 口 】 【 动 作 】 命 令 或 者 按 F9快 捷 键 二 、 “ 动 作 ” 面 板 介 绍 5.1 Actionscript动 作 脚 本 概 述 、 “ 制 作 语 文 课 件 ” 案 例 主 要 讲 解 的 是 AS脚 本 的 应 用 技 巧 、按 钮 的 事 件 处 理 函 数 、 时 间 轴 控 制 函 数 的 使 用 ； 、 “ 制 作 飘 雪 动 画 ” 案 例 主 要 讲 解 的 是 随 机 函 数 、 复 制 影片 剪 辑 函 数 、 if语 句 的 使 用 及 影 片 剪 辑 属 性 的 设 置 ； 、 “ 制 作 预 载 动 画 ” 案 例 主 要 讲 解 的 是 动 态 文 本 变 量 的 设置 、 绝 对 路 径 和 相 对 路 径 的 使 用 、 预 载 函 数 和 滤 镜 的 使 用 ； 、 “ 制 作 花 瓣 动 画 ” 案 例 主 要 讲 解 的 是 for语 句 的 使 用 、用 函 数 控 制 鼠 标 方 法 和 影 片 剪 辑 的 事 件 处 理 函 数 的 使 用 ； 、 “ 制 作 拼 图 游 戏 ” 案 例 主 要 讲 解 的 是 控 制 影 片 剪 辑 拖 放函 数 的 使 用 ； 、 “ 制 作 动 态 网 站 导 航 ” 案 例 主 要 讲 解 的 是 浏 览 器 网 络 函数 的 使 用 。 三 、 本 章 案 例 简 介 5.1 Actionscript动 作 脚 本 概 述 案 例 效 果 操 作 步 骤 技 能 要 点 练 习 本 节 内 容 .2“制 作 语 文 课 件 ” 案 例 一 、 案 例 效 果重 点 与 难 点 ： AS脚 本 的 应 用 技 巧 、 按 钮 的 事 件 处 理 器 、 时 间 轴 控 制 函 数 的 使 用 。 .2“制 作 语 文 课 件 ” 案 例 二 、 操 作 步 骤1 新 建 文 档 并 命 名启 动 Adobe Flash CS3后 ， 新 建 一 个 Flash文 件（ ActionScript 2.0） 文 档 ， 设 置 背 景 色 为 白 色 ， 文档 大 小 为 640 480， 保 存 文 档 ， 命 名 为 “ 语 文 课 件 ” 。2 导 入 图 片 、 制 作 所 需 元 件 （ 1） 制 作 背 景 元 件 导 入 背 景 图 片并 将 其 转 换 为 “ 背 景 ” 的 图 形 元 件 。 .2“制 作 语 文 课 件 ” 案 例 二 、 操 作 步 骤（ ） 制 作 “ 按 钮 ” 元 件分 别 制 作 “ 春 望 ” 、 “ 登 高 ” “ 返 回 ” 、 “ 赏 析 ” 、“ 上 一 页 ” 、 “ 韵 律 常 识 ” 、 “ 作 业 ” 、 “ 作 者 简 介 ”按 钮 元 件 按 钮 元 件 。（ 3） 制 作 “ 春 望 ” 和 “ 登 高 ” 两 个 影 片 剪 辑 元 件 新 建 名 称 为 “ 春 望 ” 的 “ 影 片 剪 辑 ” 元 件 ， 将 图 层 1改 名 “ 背 景 ” ， 导 入 “ 春 望 .jpg” 到 舞 台 并 对 齐 , 延伸 至 第 2帧 。新 建 “ 按 钮 ” 图 层 ， 把 “ 赏 析 ” 按 钮 元 件 拉 到 该 图 层第 1帧 舞 台 的 右 下 方 ， 在 第 2帧 处 插 入 关 键 帧 ， 把 “ 属性 ” 面 板 打 开 ， 选 中 “ 赏 析 ” 按 钮 ， 点 “ 交 换 元 件 ”按 钮 ， 交 换 为 “ 上 一 页 ” 按 钮 元 件 . .2“制 作 语 文 课 件 ” 案 例 二 、 操 作 步 骤 新 建 “ 文 字 ” 图 层 ， 在 舞 台 上 创 建 一 个 文 本 输 入 框 ,将 “ 春 望 诗 ” 的 内 容 复 制 粘 贴 。在 第 2帧 处 按 F7键 插 入 空 白 关 键 帧 ， 按 照 同 样 方 法 把“ 春 望 赏 析 ” 内 容 复 制 进 来 。 新 建 ” 动 作 ” 图 层 ， 在 第 1帧 上 右 击 鼠 标 选 择 “ 动 作 ”在 “ 动 作 ” 面 板 中 输 入 “ stop();” 。 选 择 按 钮 层 第 1帧 ， 在 舞 台 上 选 中 ” 赏 析 ” 按 钮 实 例 ， 点 鼠 标 右 键 选择 “ 动 作 ” ， 在 “ 动 作 ” 面 板 中 输 入 “ on(release)gotoAndStop(2);” ,选 中 第 2帧 按 同样 方 法 添 加 “ on(release)gotoAndStop(1);” .2“制 作 语 文 课 件 ” 案 例 二 、 操 作 步 骤“ 春 望 ” 影 片 剪 辑 的 时 间 轴 设 置 如 图 直 接 复 制 “ 春 望 ” 这 个 影 片 剪 辑 命 名 为 “ 登 高 ” ，参 照 “ 春 望 ” 影 片 剪 辑 的 制 作 过 程 修 改 “ 登 高 ” 影 片剪 辑 中 的 内 容 。 .2“制 作 语 文 课 件 ” 案 例 二 、 操 作 步 骤3 布 置 场 景主 时 间 轴 中 图 层 如 右 图 :按 钮 的 位 置 如 下 图 : .2“制 作 语 文 课 件 ” 案 例 二 、 操 作 步 骤4 添 加 主 场 景 中 的 脚 本（ 1） 单 击 （ 插 入 新 图 层 按 钮 ） 命 名 为 “ as” ， 在 第 1帧 上 右 击鼠 标 选 择 “ 动 作 ” 在 “ 动 作 ” 面 板 中 输 入 “ stop();” （ 2） 在 对 应 按 钮 实 例 中 的 “ 动 作 ” 面 板 中 输 入 对 应 的 动 作” 春 望 ” :“ on(release) gotoAndStop(2); ”“ 登 高 ” : “ on(release) gotoAndStop(3);”“ 作 者 简 介 ” :“ on(release) gotoAndStop(4);”“ 韵 律 常 识 ” :“ on(release) gotoAndStop(5);” “ 作 业 ” :” on(release) gotoAndStop(6);”(3)在 “ 春 望 ” 、 “ 登 高 ” 、 “ 作 者 简 介 ” 、 “ 韵 律 常 识 ” 、“ 作 业 ” 图 层 中 的 “ 返 回 ” 按 钮 按 照 步 骤 （ 2） 的 方 法 添 加 “ on(release)gotoAndStop(1);” 语 句 .2“制 作 语 文 课 件 ” 案 例 二 、 操 作 步 骤（ 3） 在 “ 春 望 ” 、 “ 登 高 ” 、 “ 作 者 简 介 ” 、 “ 韵 律 常识 ” 、 “ 作 业 ” 图 层 中 的 “ 返 回 ” 按 钮 按 照 步 骤 (2)的 方法 添 加 “ on(release)gotoAndStop(1);” 语 句 .（ 4） 按 Ctrl+Enter键 看 一 下 动 画 播 放 的 效 果 来 测 试 影 片并 保 存 。 .2“制 作 语 文 课 件 ” 案 例 三 、 技 能 要 点1. AS脚 本 的 应 用 技 巧 动 作 脚 本 又 可 称 为 AS脚 本 ， 可 以 添 加 在 关 键 帧 、 按 钮 实 例 和影 片 剪 辑 实 例 上 *只 能 为 主 时 间 轴 或 影 片 剪 辑 内 的 关 键 帧 添 加 动 作 脚 本 ， 不能 为 图 形 元 件 和 按 钮 元 件 内 的 关 键 帧 添 加 动 作 脚 本 。 2. 按 钮 的 事 件 处 理 函 数 的 使 用 要 按 钮 添 加 动 作 ， 需 要 先 为 其 添 加 on事 件 处 理 函 数 ， on函 数 的 语 法 格 式 为 ： on（ 鼠 标 事 件 ） 此 处 是 语 句 ， 用 来 响 应 鼠 标 事 件 .2“制 作 语 文 课 件 ” 案 例 三 、 技 能 要 点Flash中 的 鼠 标 事 件 包 括 以 下 几 种 ： press： 按 下 还 未 松 开 鼠 标 左 键 时 。 release： 单 击 鼠 标 左 键 并 释 放 左 键 时 。 releaseOutside： 单 击 一 次 鼠 标 时 。 rollOver： 鼠 标 放 在 按 钮 上 时 。 rollOut： 鼠 标 从 按 钮 上 滑 出 时 。 dragOver： 按 住 鼠 标 左 键 不 松 开 ， 光 标 滑 入 按 钮 时 。 dragOut： 按 住 鼠 标 左 键 不 松 开 ， 光 标 滑 出 按 钮 时 KeyPress： 当 用 户 按 下 键 盘 上 的 一 个 键 时 ， .2“制 作 语 文 课 件 ” 案 例 三 、 技 能 要 点3. 时 间 轴 控 制 函 数 的 使 用 时 间 轴 控 制 函 数 是 用 来 控 制 时 间 轴 的 播 放 进 程 的 ， 包 括 九个 简 单 函 数 ， 利 用 这 些 函 数 可 以 定 义 动 画 的 一 些 简 单 的 交 互 控制 . 在 “ 动 作 ” 面 板 中 展 开 【 全 局 函 数 】 【 时 间 轴 控 制 】 .（ 1） gotoAndPlay 该 函 数 一 般 添 加 在 关 键 帧 或 按 钮 实 例 上 . 一 般 形 式 为 ： gotoAndPlay（ scene， frame） ; 其 含 义 是 ： 跳 转 并 播 放 ， 跳 转 到 指 定 场 景 的 指 定 帧 ， 并 从该 帧 开 始 播 放 。 .2“制 作 语 文 课 件 ” 案 例 三 、 技 能 要 点（ 2） gotoAndStop一 般 格 式 为 ： gotoAndStop（ scene,frame） ;其 含 义 是 ： 跳 转 并 停 止 播 放 ， 跳 转 到 指 定 场 景 的 指 定 帧 并 从 该帧 停 止 播 放 ， 如 果 没 有 指 定 场 景 ， 则 将 跳 转 到 当 前 场 景 的 指 定帧 开 始 停 止 播 放 。（ 3） nextFrame（ ） 一 般 格 式 为 ： on（ release） nextFrame（ ） ; 其 含 义 是 ： 跳 至 下 一 帧 并 停 止 播 放 ， 括 号 中 没 有 任 何 参 数 。 例 如 下 面 的 语 句 表 示 ： 单 击 按 钮 并 释 放 时 ， 跳 到 下 一 帧 并 停 止 播放 。 .2“制 作 语 文 课 件 ” 案 例 三 、 技 能 要 点（ 4） prevFrame（ ） 其 含 义 是 ： 跳 至 前 一 帧 并 停 止 播 放 。 下 面 的 语 句 表示 ： 单 击 按 钮 并 释 放 时 ， 跳 到 前 一 帧 并 停 止 播 放 。 on（ release） prveFrame（ ） ； （ 5） nextScene（ ） 其 含 义 是 ： 跳 至 下 一 场 景 并 停 止 播 放 。（ 6） prevScene（ ） 其 含 义 是 ： 跳 至 前 一 场 景 并 停 止 播 放 。 .2“制 作 语 文 课 件 ” 案 例 三 、 技 能 要 点（ 7） play（ ） 其 含 义 是 ： 可 以 指 定 影 片 继 续 播 放 。 在 播 放 影 片 时 ，除 非 另 外 指 定 ， 否 则 从 第 一 帧 播 放 。 如 果 影 片 播 放 进 程 被 goto（ 跳 转 ） 或 stop（ 停 止 ）语 句 停 止 ， 则 必 须 使 用 play语 句 才 能 重 新 播 放 。（ 8） stop（ ） 其 含 义 是 ： 停 止 当 前 播 放 的 影 片 。（ 9） stopAllSounds（ ） 其 含 义 是 ： 使 当 前 播 放 的 所 有 声 音 停 止 播 放 ， 但 是不 停 止 动 画 的 播 放 。 .2“制 作 语 文 课 件 ” 案 例 1、 制 作 一 个 简 单 的 网 页 ， 首 页 按 钮 包 括 “ 公 司 简 介 、产 品 展 示 、 联 系 方 式 ” 等 ， 要 求 在 “ 产 品 展 示 ” 中 放置 同 样 大 小 的 产 品 图 片 ， 单 击 每 个 产 品 图 片 的 时 会 链接 到 相 对 应 产 品 的 大 图 片 。 同 时 在 每 一 页 都 要 有 返 回按 钮 返 回 到 首 页 。 四 、 练 习 .2“制 作 语 文 课 件 ” 案 例 本 节 内 容案 例 效 果操 作 步 骤技 能 要 点 练 习 . “ 飘 雪 动 画 ” 案 例 一 、 案 例 效 果重 点 与 难 点 ： 随 机 函 数 （ Random） ， 影 片 剪 辑 复 制 语 句 (duplicateMovieClip） 、条 件 语 句 （ If else） 等 的 运 用 及 设 置 方 法 介 绍 。 . “ 飘 雪 动 画 ” 案 例 二 、 操 作 步 骤1 新 建 文 档 并 命 名 启 动 Adobe Flash CS3后 ， 从 “ 常 规 ” 对 话 框 中 选 择Flash文 件 （ ActionScript2.0） ， 新 建 一 个 文 档 ， 设 置 文 档大 小 为 600 450像 素 ， 背 景 颜 色 为 黑 色 。 将 新 文 档 保 存 ， 命名 为 “ 飘 雪 动 画 ” 。2 制 作 “ 落 雪 ” 元 件 本 元 件 分 三 层 来 制 作 ： 先 制 作 “ 雪 花 ” 元 件 ， 再 以 雪花 为 元 素 制 作 “ 飘 雪 ” 元 件 ， 最 后 以 飘 落 的 雪 花 为 元 素 制作 出 一 片 飘 落 的 雪 花 （ “ 落 雪 ” 元 件 ） 。 . “ 飘 雪 动 画 ” 案 例 二 、 操 作 步 骤（ 1） 制 作 “ 雪 花 ” 元 件 如 右 图 ： （ 2） 制 作 “ 飘 雪 ” 元 件 利 用 引 导 层 来 制 作 ， 引 导 线 如 右 图 ： 时 间 轴 设 置 如 下 图 ： . “ 飘 雪 动 画 ” 案 例 二 、 操 作 步 骤（ 3） 制 作 “ 落 雪 ” 影 片 剪 辑 元 件 在 图 层 1的 第 1帧 拖 入 “ 飘 雪 ” 影 片 剪 辑 ， 扩 展 到 第 3帧 ， 单 击 舞 台 上 的 “ 飘 雪 ” 实 例 ， 在 属 性 面 板 中 给 实 例 起 名 为“ snowflake” 。 设 置 如 图 所 示 。 . “ 飘 雪 动 画 ” 案 例 二 、 操 作 步 骤 新 建 图 层 2， 在 图 层 2的 1、 2、 3帧 插 入 关 键 帧 ， 分 别 在 “ 动作 帧 ” 面 板 中 输 入 以 下 代 码 ：第 1帧 代 码 ：第 2帧 代 码 ：整 体 意 思 是 ： 如 果 n=flakes即 n=100时 （ 注 意 ， 等 号 应 写 成 = =， 而 非 =） ， 重 新 设 置 n=1,否 则 复 制 一 个 雪 花 ， 并 设 置 雪 花 x轴 坐 标为 600内 的 随 机 数 ， 缩 放 比 例 为 1至 60的 随 机 数 。 . “ 飘 雪 动 画 ” 案 例 二 、 操 作 步 骤 注 意 ： 以 上 代 码 中 的 函 数 “ Math.random()” 产 生 0 1之间 的 随 机 数 ； “ duplicateMovieClip” 为 复 制 影 片 剪 辑 语 句 ，用 于 复 制 一 个 雪 花 ； “ this” 用 于 代 表 影 片 剪 辑 本 身 ，thissnowflake+n表 示 复 制 得 到 的 “ 雪 花 ” ； 其 后 用 “ 点语 法 ” 设 置 复 制 得 到 的 雪 花 的 x坐 标 位 置 及 雪 花 的 大 小 。 这 些代 码 重 复 执 行 ， 最 多 复 制 产 生 100朵 雪 花 ， 每 朵 雪 花 沿 引 导 线路 径 飘 落 。 . “ 飘 雪 动 画 ” 案 例 二 、 操 作 步 骤3 制 作 主 场 景 动 画 设 置 两 个 图 层 ： “ 背 景 ” 和 “ 下 雪 ”（ ） 在 “ 背 景 ” 图 层 中 导 入 素 材 文 件 夹 中 图 片“ snowhouse.jpg” （ ） 在 “ 下 雪 ” 图 层 中 把 “ 落 雪 ” 元 件 拉 入 两 个 ， 位 置 如 图 ： 4 测 试 并 保 存 影 片 . “ 飘 雪 动 画 ” 案 例 三 、 技 能 要 点1. 随 机 函 数 的 使 用 Random函 数 在 flash里 是 非 常 有 用 的 ， 可 以 生 成 基 本的 随 机 数 、 创 建 随 机 的 移 动 、 设 置 随 机 的 颜 色 ， 以 及控 制 对 象 随 机 的 变 换 和 其 他 更 多 的 作 用 。 随 机 函 数 有 两 种 引 用 格 式 ： random()和 Math.random() （ 1） random(number)函 数 random(number) 返 回 一 个 0 number-1之 间 的 随 机 整 数 ， 参 数 number代 表 一 个 整 数 。示 例 ： random(20) 本 句 的 作 用 是 产 生 一 个 0 19之 间 的 随 机 数 并 输 出 该随 机 数 . “ 飘 雪 动 画 ” 案 例 三 、 技 能 要 点（ 2） Math.random() Math.random()产 生 出 0-1之 间 有 14位 精 度 以 上 的 任意 小 数 ， 注 意 没 有 参 数 。 例 如 0.01059013745309或0.87252500554198。2. 复 制 影 片 剪 辑 函 数 duplicateMovieClip的 使 用（ 1） 函 数 格 式 与 功 能 格 式 ： duplicateMovieClip(target,newname,depth); 各 参 数 含 义 如 下 ： target： 表 示 要 复 制 的 影 片 剪 辑 实 例 名 称 的 路 径 。 newname： 表 示 复 制 的 影 片 剪 辑 的 惟 一 标 识 符 。 depth： 表 示 已 复 制 的 影 片 剪 辑 的 惟 一 深 度 级 别 . “ 飘 雪 动 画 ” 案 例 三 、 技 能 要 点例 ： 复 制 二 个 影 片 剪 辑 duplicateMovieClip(“ mc” , “ mc1” , “ 1” )； mc2._x=200； duplicateMovieClip(“ mc” , “ mc2” , “ 2” )； mc3._x=400； . “ 飘 雪 动 画 ” 案 例 三 、 技 能 要 点3. 影 片 剪 辑 属 性 的 设 置 （ 1） _x和 _y属 性 用 来 设 置 影 片 剪 辑 的 X轴 和 Y轴 坐 标 例 如 ， 设 置 场 景 中 影 片 剪 辑 snow的 位 置 位 于 舞 台 中 （ 100，20） 的 位 置 ， 语 句 是 ： snow._x=100; snow._y=20;在 snow自 身 脚 本 中 设 置 为 ：on(release) _x=200;或 this._x=100; _y=300;或 this._y=20; . “ 飘 雪 动 画 ” 案 例 三 、 技 能 要 点（ 2） _width和 _height属 性 用 来 设 置 影 片 剪 辑 的 宽 度 和 高 度 ， 从 而 改 变 影 片 剪 辑的 大 小 。 例 如 ， 单 击 影 片 剪 辑 时 ， 高 度 与 宽 度 均 大 一倍 ， 在 “ 动 作 影 片 剪 辑 ” 面 板 中 设 置 ： on(release) _width=_width*2; _height=_height*2; （ 3） _xscale和 _yscale属 性 用 来 设 置 影 片 剪 辑 在 x轴 和 y轴 上 的 缩 放 比 例 ， 正 常 值 是 100。 取 大 于 则 放 大 ， 小 于 则 缩 小 . “ 飘 雪 动 画 ” 案 例 三 、 技 能 要 点（ 4） _xmouse和 _ymouse属 性 _xmouse和 _ymouse属 性 给 出 鼠 标 光 标 的 水 平 和 垂 直 坐标 位 置 。 用 在 主 时 间 轴 中 ， 则 它 们 表 示 鼠 标 光 标 相 对于 主 场 景 的 坐 标 位 置 ； 如 果 这 两 个 属 性 用 在 影 片 剪 辑中 ， 则 它 们 表 示 鼠 标 光 标 相 对 于 该 影 片 剪 辑 的 坐 标 位置 。例 如 ： 可 以 使 用 下 面 的 代 码 让 影 片 剪 辑 保 持 与 鼠 标 位 置 相同 的 坐 标 值 ： onClipEvent(enterFrame) _x=_root._xmouse; _y=_root._ymouse; . “ 飘 雪 动 画 ” 案 例 三 、 技 能 要 点（ 5） _alpha属 性 用 来 控 制 影 片 剪 辑 的 透 明 度 。 （ 6） _rotation属 性 影 片 剪 辑 的 旋 转 角 度 （ 以 度 为 单 位 ） ， 取 值 范 围 为 -180 180 。（ 7） _visible属 性 确 定 影 片 剪 辑 的 可 见 性 ， 当 影 片 剪 辑 的 _visible的 值是 “ true” (或 者 为 1)时 ， 影 片 剪 辑 为 可 见 ； 当 影 片剪 辑 的 _visible的 值 是 “ false” (或 者 为 0)时 ， 影 片剪 辑 为 不 可 见 . “ 飘 雪 动 画 ” 案 例 三 、 技 能 要 点（ 8） setProperty语 句 用 于 设 置 影 片 剪 辑 属 性 。 格 式 ： setProperty（ target,property,value/expression） ; 其 中 ： target： 表 示 要 设 置 其 属 性 的 影 片 剪 辑 实 例 名 称 的 路 径 。 如_root.mc或 _rootmc表 示 主 场 景 中 的 影 片 剪 辑 mc。 property： 表 示 要 设 置 的 属 性 。 如 ： _x value： 表 示 设 置 的 属 性 的 具 体 值 。 expression： 表 示 设 置 的 属 性 的 值 的 表 达 式 ， 这 时 ， 先 计 算 表 达 式 的 值 ， 再 将 该 值 设 置 为 指 定 属 性 的 值 。 . “ 飘 雪 动 画 ” 案 例 三 、 技 能 要 点4. if语 句 （ 1） if语 句 if语 句 使 你 可 以 使 用 比 较 结 果 控 制 Flash影 片 的 播 放 。其 格 式 如 下 ： if(条 件 ) 这 里 是 当 条 件 计 算 为 true时 执 行 的 指 令 例 如 ： 判 断 X是 否 等 于 100， 如 果 比 较 结 果 为 “ true” ， 则让 影 片 跳 到 第 15帧 ， 代 码 可 写 成 ： if(x= =100) gotoAndPlay(15); . “ 飘 雪 动 画 ” 案 例 三 、 技 能 要 点（ 2） else语 句 对 if语 句 可 以 进 行 扩 展 ， 使 用 else执 行 条 件 不 成 立 （ 比较 表 达 式 为 “ false” 或 “ 0” ） 时 的 代 码 ， 其 使 用 格式 如 下 ： if(条 件 ) 这 里 是 当 条 件 计 算 为 true或 非 0时 执 行 的 指 令 Else 当 条 件 计 算 为 false或 0时 执 行 的 指 令 . “ 飘 雪 动 画 ” 案 例 四 、 练 习 1、 制 作 下 雨 效 果 的 动 画 。（ 思 路 ： 先 画 一 滴 从 下 落 再 到 散 开 的 雨 滴 ,然 后持 续 不 断 地 将 这 个 雨 滴 复 制 到 画 面 上 ,从 而 产 生下 雨 的 效 果 。 ） . “ 飘 雪 动 画 ” 案 例 本 节 内 容案 例 效 果操 作 步 骤技 能 要 点 练 习 .4“制 作 预 载 动 画 ” 案 例 一 、 案 例 效 果重 点 与 难 点 ： 动 态 文 本 变 量 的 设 置 、 元 件 实 例 命 名 、 绝 对 路 径 和 相 对 路 径的 使 用 、 预 载 函 数 和 滤 镜 的 使 用 。 .4“制 作 预 载 动 画 ” 案 例 二 、 操 作 步 骤1 新 建 文 档 并 命 名 启 动 Adobe Flash CS3后 ， 从 “ 常 规 ” 对 话 框 中 选 择Flash文 件 （ ActionScript2.0） ， 新 建 一 个 文 档 ， 设 置 文 档大 小 为 550 400像 素 ， 背 景 颜 色 为 黑 色 。 将 新 文 档 保 存 ， 命名 为 “ loading” 。2 添 加 进 度 条 和 动 态 文 本 将 图 层 改 名 为 “ 动 态 文 本 ” ， 添 加 一 个 静 态 文 本 “ 请稍 等 ”并 绘 制 一 个 内 容 为 矩 形 的 “ jindutiao” 影 片 剪 辑 元 件 ， 在 “ 属 性 ” 面 板 中 ， 在 实 例 名 称 中 输 入 “ jdt” 。 .4“制 作 预 载 动 画 ” 案 例 二 、 操 作 步 骤 把 文 本 类 别 改 为 “ 动 态 文 本 ” 并 设 置 如 下 效 果 ： .4“制 作 预 载 动 画 ” 案 例 二 、 操 作 步 骤2 创 建 动 画 （ ） 制 作 一 个 “ fengche” 图 形 元 件 步 骤 如 下 ：（ ） 制 作 一 个 “ fengchemove” 的 影 片 剪 辑 元 件 制 作 一 个 风 车 由 小 到 大 ， 再 由 大 到 小 的 动 画 （ 3） 选 择 库 中 的 “ fengchemove” 的 影 片 剪 辑 元 件 复 制 一 个 并改 名 为 “ fengchemove1” 。 双 击 该 元 件 进 入 其 中 ， 将 第 25帧 移动 到 第 15帧 ， 将 第 50帧 移 动 到 第 30帧 ， 并 将 31到 50之 间 的 多 余 帧 删 掉 。 .4“制 作 预 载 动 画 ” 案 例 二 、 操 作 步 骤选 择 “ 发 光 ” 效 果 ， 模 糊 X和 模 糊 Y设 为 17， 颜 色 为 “ 白 色 ” ，并 将 “ 挖 空 ” 前 面 的 复 选 框 选 中 如 图 ： .4“制 作 预 载 动 画 ” 案 例 二 、 操 作 步 骤在 分 别 设 置 其 它 风 车 的 效 果 ， 如 下 图 ： .4“制 作 预 载 动 画 ” 案 例 二 、 操 作 步 骤3 添 加 动 作 脚 本（ 1） 新 建 一 个 “ as” 图 层 ， 选 中 第 1帧 ， 在 其 “ 动 作 ” 面 板 中 输入 脚 本 如 图 。 .4“制 作 预 载 动 画 ” 案 例 二 、 操 作 步 骤 测 试 影 片 并 保 存 文 件 .4“制 作 预 载 动 画 ” 案 例 三 、 技 能 要 点1. 动 态 文 本 变 量 的 设 置2. 为 元 件 实 例 命 名 、 绝 对 路 径 和 相 对 路 径 的 使 用 其 中 在 库 中 看 到 是 元 件 的 “ 元 件 名 ” ， 而 要 在 AS脚 本中 调 用 （ 或 定 位 ） 此 元 件 ， 则 一 般 使 用 其 “ 实 例 名 ” ，实 例 名 要 在 “ 属 性 ” 面 板 中 进 行 设 置 。路 径 分 两 种 ： 绝 对 路 径 和 相 对 路 径 。 绝 对 路 径 ： 是 从 主 场 景 即 “ _root”开 始 一 层 一 层 找 到实 例 为 止 的 路 径 （ 每 层 之 间 用 “ .”连 接 ） ； 相 对 路 径 ： 是 从 当 前 影 片 剪 辑 开 始 的 路 径 。 .4“制 作 预 载 动 画 ” 案 例 三 、 技 能 要 点例 如 ： 在 主 场 景 舞 台 上 有 一 个 实 例 名 称 为 wj的 影 片 剪 辑 ， 在 wj实 例中 还 包 含 一 个 子 影 片 剪 辑 wj1,在 wj1实 例 中 还 包 含 一 个 孙 影片 剪 辑 实 例 wj2。 对 wj2使 用 play();命 令 ， 应 该 使 用 如 下 动 作 脚 本 ： _root.wj.wj1.wj2.play(); 对 wj使 用 stop();命 令 ， 应 该 用 如 下 脚 本 ： _root.wj.stop(); “_parent”用 来 引 用 嵌 套 在 当 前 影 片 剪 辑 中 的 影 片 剪 辑 ， 可 以 使用 _parent来 创 建 一 个 相 对 路 径 。例 如 ： 若 一 个 影 片 剪 辑 “ flower”嵌 套 在 影 片 剪 辑 “ flowermove”中 ， 那 么 在 影 片 剪 辑 “ flower”里 添 加 _parent.play();语 句 表明 让 影 片 剪 辑 “ flowermove”开 如 播 放 。 如 果 当 前 在 “ flowermove”中 要 让 其 播 放 ， 也 可 以 使 用this.flowermove.play();,表 示 对 其 本 身 进 行 播 放 。 .4“制 作 预 载 动 画 ” 案 例 三 、 技 能 要 点3. 预 载 函 数 的 使 用 本 案 例 中 用 到 了 几 个 预 载 函 数 ， 其 格 式 和 含 义 如 下 ：getBytesTotal(); /读 取 主 时 间 轴 存 在 的 所 有 元 素 的 总 字 节 数 。getBytesLoaded(); /读 取 主 时 间 轴 存 在 的 所 有 元 素 已 加 载 的 字 节 数 。getTimer(); /获 取 从 电 影 开 始 播 放 到 现 在 的 总 播 放 时 间 (毫 秒 数 )。Math.round(); /它 的 作 用 是 把 数 值 四 舍 五 入 。4. 滤 镜 的 使 用 滤 镜 包 含 投 影 、 模 糊 、 发 光 、 斜 角 、 渐 变 发 光 、 渐 变 斜 角 和 调 整 颜 色 七 种 方 式 。 .4“制 作 预 载 动 画 ” 案 例 四 、 练 习 1、 请 自 己 设 计 一 个 loading动 画 效 果 。2、 给 影 片 剪 辑 实 例 添 加 脚 本 时 需 要 注 意 什 么 ？ .4“制 作 预 载 动 画 ” 案 例 本 节 内 容案 例 效 果操 作 步 骤技 能 要 点 练 习 . “ 制 作 花 瓣 动 画 ” 案 例 一 、 案 例 效 果重 点 与 难 点 ： 了 解 循 环 结 构 for语 句 的 使 用 、 鼠 标 控 制 方 法 和 影 片 剪辑 的 事 件 处 理 器 的 使 用 方 法 。 . “ 制 作 花 瓣 动 画 ” 案 例 二 、 操 作 步 骤1 新 建 文 档 并 命 名 启 动 Adobe Flash CS3后 ， 从 “ 常 规 ” 对 话 框 中 选 择Flash文 件 （ ActionScript2.0） ， 新 建 一 个 文 档 ， 设 置 文 档大 小 为 550 400像 素 ， 背 景 颜 色 为 白 色 。 将 新 文 档 保 存 ， 命名 为 “ 花 瓣 动 画 ” 。2 导 入 背 景 图 片 将 对 应 素 材 库 中 的 “ 背 景 .jpg” 导 入 到 舞 台 并 设 置 适 当的 大 小 。 . “ 制 作 花 瓣 动 画 ” 案 例 二 、 操 作 步 骤 、 制 作 所 需 的 元 件（ ） 制 作 “ 花 瓣 “ 图 形 元 件 。 绘 制 步 骤 如 图 ：（ ） 制 作 ” h1“ 影 片 剪 辑 元 件 拉 入 ” 花 瓣 “ 元 件 到 舞 台 ， 并 设 置 不 同 的 颜 色 和 动 画 效 果 ，使 花 旋 转 10次 。 . “ 制 作 花 瓣 动 画 ” 案 例 二 、 操 作 步 骤（ ） 新 建 图 层 2， 选 中 第 20帧 ， 按 F6键 插 入 关 键 帧 ， 将 帧 选中 点 鼠 标 右 键 选 择 “ 动 作 ” ， 在 “ 动 作 ” 面 板 中 输 入 ：toAndPlay(1);（ ） 新 建 “ 影 片 剪 辑 ” 元 件 ， 命 名 为 “ h0” ， 将 “ 库 ” 面 板中 的 “ 花 瓣 ” 拖 入 舞 台 。（ ） 新 建 “ 按 钮 ” 元 件 ， 命 名 为 “ 按 钮 ” ， 将 “ 库 ” 面 板 中的 “ 背 景 ” 图 片 拖 入 舞 台 。4 布 置 主 场 景（ ） 场 景 中 时 间 轴 如 图 ： . “ 制 作 花 瓣 动 画 ” 案 例 二 、 操 作 步 骤（ ） 在 ” h1” 图 层 中 ， 将 “ 库 ” 面 板 中 的 “ h1”拖 入 舞 台 ，并 将 实 例 名 称 改 为 “ h1”.（ 3） 在 ” h0”图 层 中 ， 将 “ 库 ” 面 板 中 的 “ h0”拖 入 舞 台 ， 并将 实 例 名 称 改 为 “ hua0”.5.定 义 动 作 脚 本（ 1） 在 “ as”图 层 中 第 帧 输 入 如 下 脚 本 ： . “ 制 作 花 瓣 动 画 ” 案 例 二 、 操 作 步 骤（ ） 在 第 帧 中 输 入 如 下 脚 本 ： . “ 制 作 花 瓣 动 画 ” 案 例 二 、 操 作 步 骤（ ） 确 定 “ 背 景 ” 图 层 第 1帧 处 舞 台 的 按 钮 文 件 被 选 中 ， 在 其上 点 击 鼠 标 右 键 选 择 “ 动 作 ” ， 在 其 “ 动 作 ” 面 板 上 添 加 脚 本 如图（ ） 确 定 “ 背 景 ” 图 层 第 3帧 处 舞 台 的 按 钮 文 件 被 选 中 ， 在 其上 点 击 鼠 标 右 键 选 择 “ 动 作 ” ， 在 其 “ 动 作 ” 面 板 上 添 加 脚 本 如图 ： . “ 制 作 花 瓣 动 画 ” 案 例 二 、 操 作 步 骤（ ） 确 定 “ h0”图 层 第 3帧 处 舞 台 的 影 片 剪 辑 “ hua0”被 选 中 ，在 其 上 点 击 鼠 标 右 键 选 择 “ 动 作 ” ， 在 其 “ 动 作 ” 面 板 上 添 加脚 本 如 图 测 试 影 片 并 保 存 文 件 . “ 制 作 花 瓣 动 画 ” 案 例 三 、 技 能 要 点1. 循 环 结 构 for的 使 用 其 基 本 结 构 如 下 ： for(初 始 值 ； 循 环 条 件 ； 循 环 值 变 化 方 式 ） 循 环 条 件 为 真 时 执 行 语 句 2. 鼠 标 控 制 方 法 Mouse.hide（ ） 和 Mouse.show（ ） 它 们 的 用 法 非 常 简 单 ， 就 是 使 鼠 标 隐 藏 和 鼠 标 显 示 ， 括号 中 没 有 任 何 参 数 。3. 影 片 剪 辑 的 事 件 处 理 器 的 使 用 必 须 先 为 其 添 加 onClipEvent事 件 处 理 函 数 。onClipEvent的 语 法 格 式 如 下 ： onClipEvent（ 系 统 事 件 ） 此 处 是 语 句 ， 用 来 响 应 事 件 . “ 制 作 花 瓣 动 画 ” 案 例 三 、 技 能 要 点 Flash中 的 系 统 事 件 包 括 以 下 几 种 ： Load： 载 入 影 片 剪 辑 ， 执 行 大 括 号 中 的 内 容 。 unload： 在 时 间 轴 中 删 除 影 片 剪 辑 实 例 之 后 ， 执 行 大 括 号中 的 内 容 。 enterFrame： 只 要 影 片 剪 辑 在 播 放 ， 便 会 不 断 地 执 行 大 括号 中 的 内 容 。 mouseMove： 每 次 移 动 鼠 标 时 执 行 动 作 。 mouseDown： 每 次 按 下 鼠 标 左 键 时 执 行 动 作 。 mouseUp： 当 释 放 鼠 标 时 执 行 动 作 。 KeyDown： 当 按 下 某 个 键 时 执 行 动 作 。 KeyUp： 当 释 放 某 个 键 时 执 行 动 作 。 . “ 制 作 花 瓣 动 画 ” 案 例 四 、 练 习 1、 试 着 做 一 个 满 天 星 星 的 动 画 ， 星 星 可 以 跟 随 鼠 标 运动 ， 天 上 的 星 星 数 为 40颗 ， 分 布 的 坐 标 范 围 为 横 坐 标（ 0， 550） ， 纵 坐 标 为 （ 0， 400） ， 星 星 的 大 小 和 透明 度 不 变 。 . “ 制 作 花 瓣 动 画 ” 案 例 本 节 内 容案 例 效 果操 作 步 骤技 能 要 点 练 习 .6“制 作 拼 图 游 戏 ” 案 例 一 、 案 例 效 果重 点 与 难 点 ： 图 片 的 切 割 、 对 按 钮 拖 放 操 作 的 设 置 、 对 拖 放 对 象 目 标位 置 的 判 断 方 法 ， 以 及 条 件 语 句 if的 应 用 。 .6“制 作 拼 图 游 戏 ” 案 例 二 、 操 作 步 骤1 新 建 文 档 并 命 名 启 动 Adobe Flash CS3后 ， 从 “ 常 规 ” 对 话框 中 选 择 Flash文 件 （ ActionScript2.0） ， 新 建一 个 文 档 ， 设 置 文 档 大 小 为 550 400像 素 ， 背 景颜 色 为 ” #ff9900” 。 将 新 文 档 保 存 ， 命 名 为 “ 拼图 游 戏 ” 。2 导 入 背 景 图 片 将 “ 图 层 1”重 命 名 为 “ 背 景 ” ， 导 入 图 片 “ 黄 山雪 景 .jpg”至 舞 台 .6“制 作 拼 图 游 戏 ” 案 例 二 、 操 作 步 骤 、 分 割 图 片（ 1） 执 行 【 视 图 】 【 网 格 】 【 显 示 网 格 】 命 令 ， 在 舞 台 上显 示 出 网 格 ， 再 执 行 【 视 图 】 【 贴 紧 】 【 贴 紧 至 网 格 】 命 令 。（ ） 用 ” 矩 形 工 具 ” 沿 网 格 绘 制 出 一 个 包 含 9 12个 小 格 的矩 形 ； 选 取 【 线 条 工 具 】 ， 沿 网 格 将 矩 形 分 成 3 3的 网 格 ；效 果 如 图 : .6“制 作 拼 图 游 戏 ” 案 例 二 、 操 作 步 骤（ 3） 使 用 【 选 择 工 具 】 选 中 全 部 9个 矩 形 网 络 ， 按 Ctrl+G组 合网 格 。（ 4） 单 击 “ 背 景 ” 图 层 的 第 1帧 ， 选 中 图 片 和 网 格 ， 打 开 对 齐面 板 ， 使 “ 相 对 于 舞 台 按 钮 ” 处 于 未 被 按 下 的 状 态 ， 单 击 “ 水平 中 齐 ” 和 “ 垂 直 中 齐 ” ， 再 单 击 “ 匹 配 高 度 ” 和 “ 匹 配 宽度 ” ， 适 当 调 整 图 片 和 网 格 的 位 置 ， 如 图 : .6“制 作 拼 图 游 戏 ” 案 例 二 、 操 作 步 骤（ 5） 单 击 “ 背 景 ” 层 的 第 1帧 ， 保 证 图 片 和 网 格 都 被选 中 ， 按 Ctrl+B组 合 键 两 次 ， 将 图 形 和 网 格 分 离 。4、 制 作 小 图 片 元 件 先 将 切 割 出 来 的 小 块 图 片 转 换 为 图 形 元 件 ， 再 转换 为 按 钮 元 件 ， 最 后 再 转 换 为 影 片 剪 辑 元 件 。 图 形 元 件 分 别 起 名 为 ： p1p9按 钮 元 件 分 别 起 名 为 ： b1b9影 片 剪 辑 元 件 分 别 起 名 为 ： m1m9 .6“制 作 拼 图 游 戏 ” 案 例 二 、 操 作 步 骤5 制 作 礼 花 元 件 简 单 步 骤 如 下 ： “ hua”的 图 形 元 件 move1影 片 剪 辑 元 件 move2影 片 剪 辑 元 件 lihua影 片 剪 辑 元 件 .6“制 作 拼 图 游 戏 ” 案 例 二 、 操 作 步 骤 6 制 作 按 扭（ 1） 执 行 【 窗 口 】 【 公 用 库 】 【 按 钮 】 命 令 打 开 “ 公 用库 ” 面 板 ， 找 到 “ buttons tube”中 的 “ tube purple”按 钮 ，将 它 拖 动 到 库 中 。 双 击 “ 库 ” 中 的 该 按 钮 ， 进 入 按 钮 的 编辑 窗 口 ， 找 到 “ text”图 层 ， 将 文 字 改 为 “ 提 示 ” ， 设 置 自己 喜 欢 的 字 体 和 颜 色 。（ 2） 在 “ 库 ” 面 板 中 右 键 单 击 按 钮 “ tube purple”， 点 击“ 直 接 复 制 ” 命 令 ， 在 打 开 的 “ 直 接 复 制 ” 对 话 框 的 名 称栏 输 入 按 钮 的 名 称 “ tube purple1”， 进 入 “ tubepurple1”的 编 辑 窗 口 ， 将 其 文 字 改 为 “ 再 来 一 次 ” 。 .6“制 作 拼 图 游 戏 ” 案 例 二 、 操 作 步 骤7 主 场 景 动 画 制 作（ 1） 将 网 格 图 形 与 影 片 剪 辑 实 例 分 离 。 单 击 图 层 的 第 1帧 ， 选中 该 帧 的 所 有 对 象 ， 按 住 “ Shift键 ” 分 别 单 击 实 例 m1， m2，m3， m4， m5， m6， m7， m8， m9， 取 消 对 它 们 的 选 择 ， 只 选中 图 片 下 的 网 格 ， 按 Ctrl+X剪 切 网 格 。 新 建 一 个 图 层 ， 命 名 为“ 网 格 ” ， 执 行 【 编 辑 】 【 粘 贴 到 当 前 位 置 】 命 令 ， 把 网 格粘 贴 到 该 图 层 的 第 1帧 原 来 的 位 置 。（ 2） 设 置 实 例 名 称 并 交 换 元 件 。 在 “ 背 景 ” 图 层 中 ， 选 中“ m1”影 片 剪 辑 ， 打 开 属 性 面 板 ， 单 击 “ 交 换 ” 按 钮 ， 在 “ 交换 元 件 ” 对 话 框 中 选 择 “ p1”， 单 击 确 定 按 钮 ， 把 实 例 “ m1”交换 成 “ p1”， 在 “ 属 性 ” 面 板 中 将 实 例 命 名 为 “ d1”， .6“制 作 拼 图 游 戏 ” 案 例 二 、 操 作 步 骤（ 3） 重 复 步 骤 （ 2） ， 将 场 景 中 的 m2， m3， m4， m5， m6，m7， m8， m9实 例 分 别 命 名 为 d2， d3， d4， d5， d6， d7， d8，d9， 并 分 别 交 换 成 元 件 p2， p3， p4， p5， p6， p7， p8， p9。（ 4） 设 置 实 例 的 属 性 。 按 Shift键 +单 击 ， 选 中 场 景 中 实 例 d1，d2， d3， d4， d5， d6， d7， d8， d9， 打 开 “ 属 性 ” 面 板 ， 在“ 颜 色 ” 下 拉 列 表 中 选 择 “ 色 调 ” ， 设 置 “ 颜 色 ” 为 白 色 ， 数量 为 100 ， （ 5） 输 入 提 示 文 本 。 选 中 背 景 图 层 ， 使 用 【 文 本 工 具 】 在 图片 下 方 输 入 提 示 文 本 ： “ 请 将 右 侧 图 片 拖 至 左 侧 网 格 内 拼 成 黄山 雪 景 图 ” ， 字 体 、 颜 色 、 大 小 根 据 自 己 爱 好 调 整 。 .6“制 作 拼 图 游 戏 ” 案 例 二 、 操 作 步 骤（ 6） 新 建 “ 图 块 ” 图 层 ， 拖 入 影 片 剪 辑 元 件 。 将 库 面 板 的 元件 m1， m2， m3， m4， m5， m6， m7， m8， m9拖 入 场 景 中 ，排 列 如 图 5.67所 示 。 图 片 的 排 列 尽 量 放 乱 些 。（ 7） 新 建 图 层 ， 命 名 为 “ 提 示 图 形 ” 。 将 “ 库 ” 面 板 的 “ 黄山 雪 景 ” 拖 入 舞 台 ， 按 F8键 将 图 片 转 换 为 影 片 剪 辑 。 调 整 到 如图 5.68所 示 的 位 置 和 大 小 ， 并 在 “ 属 性 ” 面 板 将 它 命 名 为“ mc”。（ 8） 添 加 “ 提 示 ” 按 钮 。 将 “ 库 ” 面 板 的 “ tube purple”按 钮添 加 到 “ 图 块 ” 层 的 第 1帧 ， 位 置 如 图 5.68所 示 。 选 中 该 按 钮 ，点 打 开 “ 动 作 按 钮 ” 面 板 ， 输 入 如 下 代 码 ： .6“制 作 拼 图 游 戏 ” 案 例 二 、 操 作 步 骤 新 建 图 层 ， 命 名 为 “ 动 作 ” ， 在 第 1帧 输 入 如 图 所 示 的 代 码 .6“制 作 拼 图 游 戏 ” 案 例 二 、 操 作 步 骤 设 置 按 钮 实 例 “ b1”的 动 作 脚 本 .6“制 作 拼 图 游 戏 ” 案 例 二 、 操 作 步 骤 设 置 其 它 按 钮 实 例 的 动 作 脚 本 ： 回 到 主 场 景 1， 接 着 双 击“ m2”,选 中 里 面 的 “ b2”按 钮 实 例 ， 打 开 “ 动 作 按 钮 ” 面 板 ，输 入 如 图 .6“制 作 拼 图 游 戏 ” 案 例 二 、 操 作 步 骤8 创 建 成 功 的 画 面（ 1） 在 “
展开阅读全文