当前位置:首页 >> 经济学 >> FLASH 动画制作第10章

FLASH 动画制作第10章


第10章 Action Script综合实例 章 综合实例
10.1 明确设计任务 10.2 布置场景 10.3 编写代码 10.4 片头动画 相关知识 本章小结 思考与练习

概述
Action Script是Flash提供的编程语句,当 需要在影片中提供较强的交互效果时需要 用到这一技术. 本章将通过完成一个经典的Flash游戏引领 初学者跨入Action Script编程学习阶段.

学习目标
掌握if语句的语法格式和用途 熟悉随机函数使用方法 掌握鼠标指针的改变方法 熟练运用影片控制函数

引例
陈老师是某小学的计算机教师,每次 在为学生讲授鼠标操作时总是会遇到 学不会鼠标移动和单击的学生.经过 很长一段时间的冥思苦想后,陈老师 决定采用玩鼠标游戏的教学形式,以 激发学生自主学习鼠标操作的学习热 情,请为陈老师制作一个"打鼹鼠" 的Flash小游戏.

10.1 明确设计任务
设计Flash小游戏需要进行一系列的操作,因此在开始制作之前明确设计任务 和目标可以达到事半功倍的效果. 10.1.1 总结游戏特点 任务 任务1 试玩打鼹鼠游戏 任务 任务2 撰写游戏设计文档 游戏特点 "打鼹鼠"是一个非常经典的Flash游戏,具体特点如下: (1)鼹鼠间隔一定时间随机从洞口出现,每次出现一只. (2)玩家必须在鼹鼠出洞时间内,单击鼠标,打中它. (3)玩家每打中一只鼹鼠,记一定的分数. (4)游戏中在固定位置实时显示总得分. (5)为各玩家之间公平起见,游戏总时间固定. 边学边做 根据"游戏特点"的提示和自己的观察撰写简要的设计目标文档. 10.1.2 确定实现思路

10.2 布置场景
Flash游戏是场景,图层,元件和代码结合的有机整体, 这一节主要完成静态场景的布置工作. 10.2.1 背景制作 任务4 制作草地背景 任务 任务要求 新建一个Flash文档,利用绘图工具制作有蓝天,白云 文档, 新建一个 文档 利用绘图工具制作有蓝天, 和草地的背景. 和草地的背景. 任务分析 完全运用绘图工具制作背景,不但花费的时间长, 完全运用绘图工具制作背景,不但花费的时间长,而且 绘制出的图形不一定理想,一般情况下, 绘制出的图形不一定理想,一般情况下,采用先导入相 关素材,再对素材进行修改的方法. 关素材,再对素材进行修改的方法.



任务5 任务 制作鼹鼠洞
任务要求 新建一个图 层,利用绘 图工具绘制 逼真的"鼹 鼠洞" .

任务5 任务 制作鼹鼠洞
任务分析 首先使用绘图工具绘制一个"鼹鼠洞", 然后选中绘制好的"洞",按住键盘上的 【Ctrl】键同时拖动选中的图形复制,将 "鼹鼠洞"布置好;为体现层次感,可以 利用"任意变形工具"将远方的"鼹鼠洞" 缩小和旋转. 边学边做 新建一个"鼹鼠洞"图层,在图层上随机 放置6个"鼹鼠洞",调整好大小体现出层 次感.

10.2.2 元件制作
上一小节布置好了游戏的背 景,接下来需要制作游戏中 的主角——"鼹鼠". 任务 任务6 绘制卡通鼹鼠 任务要求 新建一个影片剪辑元件—— "鼹鼠",在元件内利用绘图 工具绘制一只卡通鼹鼠.

10.2.2 元件制作
任务 任务7 制作"鼹鼠出洞" 制作"鼹鼠出洞" 任务要求 鼹鼠"影片剪辑元件中制作卡通鼹鼠自下而上的动画. 在"鼹鼠"影片剪辑元件中制作卡通鼹鼠自下而上的动画. 任务分析 "打鼹鼠"游戏中,卡通鼹鼠间隔一定时间随机从洞口出 现,每次出现一只,本任务的主要工作是制作"鼹鼠"从 地下爬到地上和爬到地下的动画效果.首先将"任务6"制 作的"卡通鼹鼠"图形转换成图形元件,将其拖拽至舞台 中心下方;然后插入在舞台中心的"卡通鼹鼠"关键帧, 利用运动补间生成动画即可.在帧操作的过程中,注意鼹 鼠出现后要持续一段时间才可以爬到地下.

10.2.3 合成场景
草地背景,鼹鼠洞和卡通鼹鼠制作完成后,需要 将它们整合到一起,制作出鼹鼠从洞里钻出的场 景动画. 任务 任务8 放置鼹鼠 任务要求 在影片中新建一个"鼹鼠"图层,在每个鼹鼠洞 下方放置"鼹鼠"影片剪辑实例,实例名称: ys1~ys6. 任务分析 将元件从库中拖拽至舞台上称为创建元件实例, 选中实例后可以在"属性"面板中指定实例的名 称.

任务9 任务 遮罩效果制作
任务要求 制作多只鼹鼠同时从洞中爬出的动画效果.

任务9 任务 遮罩效果制作
任务分析 完成"任务8"后,测试影片可以看到多只鼹鼠在 场景中运动的动画效果,接下来的主要工作是制 作多只鼹鼠从洞中爬出的效果.与制作探照灯文 字,闪动文字和旋转地球等Flash动画的实现原理 类似,需要采用遮罩效果来实现. 在"鼹鼠"图层上方插入一个遮罩图层,将"鼹 鼠"图层设置为被遮罩图层.根据"洞口"位置, 在遮罩图层上绘制6个图形,这样在动画播放过程 中,有图形的区域显示被遮罩层的动画,无图形 的区域被遮掩起来,从而实现鼹鼠从"洞口"爬 出的效果.

10.3 编写代码
布置好场景,制作出主要的元件后,开展 游戏制作的另一格主要的工作——Action Script编程.

10.3.1 鼹鼠随机出现效果
任务10 制作随机出现的鼹鼠 任务 任务要求 编写Action Script代码,实现鼹鼠随机从洞中爬出. 任务分析 实现鼹鼠随机从洞内爬出的思路如下: (1)因为所有的鼹鼠影片剪辑实例是同时加载到场景中的,所以只能通过控 制实例播放动画的开始时间来实现鼹鼠随机"出洞". (2)鼹鼠影片剪辑实例的名称有一定的规律,前面的字母都是"ys",后面的 数字不同.在Flash中可以通过"_root"来指定或返回指向根影片时间轴的引 用.例如引用ys1影片剪辑实例可以通过"_root["ys1"]"来实现. (3)应该设置鼹鼠影片剪辑加载到影片中后自动停止播放动画,在动画开始 播放的帧处设置帧标签,以便可以通过"gotoAndPlay("帧标签")"函数 控制影片剪辑的播放. (4)通过随机播放鼹鼠影片剪辑动画可以实现鼹鼠随机出洞的动画效果. (5)Flash提供了"random()"函数来产生随机数字,语法格式如表10-1所示.

10.3.2 改变鼠标指针
为使游戏逼真,需要将普通的鼠标指针更 换为锤子. 任务 任务11 绘制卡通锤子 任务要求 新建一个名称为" 的影片剪辑, 新建一个名称为"Pointer"的影片剪辑, 的影片剪辑 在第1帧处绘制正常状态的锤子 帧处绘制正常状态的锤子, 在第 帧处绘制正常状态的锤子,第2帧处 帧处 绘制"锤下去"的卡通锤子. 绘制"锤下去"的卡通锤子.

任务12 设置帧属性 任务
任务要求 设置"Pointer"影片剪辑的帧属性,使其默 认状态是停止播放,为"锤下去"帧设置 "skdown"标签,时间轴如图所示.

任务13 实现鼠标跟随 任务
任务要求 将场景鼠标指针替换成"Pointer"影片剪辑, 并且实现鼠标跟随(锤子跟着鼠标走). 任务分析 实现鼠标指针替换成指定影片剪辑的方法 是:首先使用"Mouse.hide()"函数隐藏当 前的"箭头"鼠标指针,然后利用 "startDrag()"函数指定影片剪辑处于 鼠标中心 .

10.3.3 "打中"动画制作
现在已经实现了鼠标跟随和鼹鼠随机"出洞"效果,接下来需要完成 鼹鼠被打中的动画. 任务 任务14 "打中"鼹鼠动画制作 打中" 打中 任务要求 实现在鼹鼠出洞时间内,单击鼠标,打中它. 任务分析 (1)鼹鼠出现是通过播放播放"鼹鼠"影片剪辑来实现的,在剪辑中 第5帧至第20帧鼹鼠处于"地上". (2)打中鼹鼠就是在鼹鼠处于地上时单击到它. (3)鼹鼠被"打中"后,需要立刻回到洞里.这一段对应"鼹鼠"影 片中第20帧至第5帧处的内容,同时"锤子"还要变成"锤下"的状 态. 确定实现思路是在"鼹鼠"影片剪辑中增加一个图层,在图层上放置 一个透明按钮,并且设置按钮在第5帧至第20帧显示;单击按钮后, 利用时间轴控制函数"gotoandplay()"控制影片剪辑播放鼹鼠 "下洞"和锤子"锤下"动画.

10.3.4 限定游戏总时间
为各玩家之间公平起见,游戏总时间固定,在相同时间内,打到鼹鼠 越多的玩家越优秀. 任务 任务15 限定游戏时间 编写Action Script代码实现每执行一次游戏,鼹鼠共随机出现18次, 不论玩家打中与否第18只鼹鼠消失后游戏自动停止. 任务分析 场景动画每播放一次,只能随机出现一只鼹鼠.因为在Flash播放器 在播放影片时默认自动重播,所以可以看到多只鼹鼠不断随机出现. 如果限定鼹鼠总共随机出现18次,用"gotoandplay()"函数和帧 标签控制影片重复播放18次即可. 为鼹鼠出现的帧设置一个帧标签,当影片播放至最后一帧时采用 "gotoandplay()"函数跳转回鼹鼠出现的帧可以实现重复播放. 设置一个变量用于存储跳转的次数,当跳转次数大于18次时停止影片 播放. 判断次数是否大于18可以使用if语句.

10.3.4 限定游戏总时间
变量是存放信息的容器,它可以存放信息并可以 通过各种途径改变其中的信息.变量名要求以字 母开头,例如SCORE=100 表示将数字100存放在变 量SCORE中;SCORE++表示将变量SCORE内存储的数 字加1.一般情况下,变量在使用前需要进行初始 化,初始化的做法是为变量赋初始值,例如 SCORE=0 表示SCORE变量初始值为0. 实现记录播放次数的具体方法是,设置一个变 量,在影片播放第1帧时设置它的初始值是0,每 次跳转之前要判断变量的值是否大于18;如果不 大于18跳转,并且对变量进行加1操作,否则转到 影片终止帧.

10.3.5 实现计分
玩家每打中一只鼹鼠,记一定的分数;同时在游戏中固定位置实时显 示总得分,下面完成计分工作. 任务 任务16 实现游戏计分 任务要求 实现游戏计分功能,每打中一只鼹鼠记10分,舞台右下角显示总分数. 任务分析 (1)只要玩家单击到"鼹鼠"影片剪辑中的透明按钮就算打中,所以 可以编写按钮的Action Script代码实现计分. (2)与第9章类似,可以通过为动态文本对象指定变量的形式实现分 数的更新. (3)为避免复杂的变量定义,在鼹鼠动画开始播放时,初始化总分值 和打中一只鼹鼠的分值.如果玩家单击到"鼹鼠"影片剪辑中的透明 按钮则转到计分的帧处开始播放,否则将打中一只鼹鼠的分值置为零. 在动画重复跳转之前计算总分 .

10.3.6 添加音效
任务17 任务17 添加音效 任务要求 为游戏添加音效,实现打到鼹鼠时发出声音. 任务分析 (1)上一任务是通过玩家单击到"鼹鼠"影片剪辑中的透明按钮,来实现打中"鼹鼠" 计分的,所以,如果打中鼹鼠后发出声音,同样需要通过设置按钮的Action Script代 码来实现. (2)因为只有打中鼹鼠时播放声音,所以,采用以前掌握的简单的将声音放置在图层 上的技术不容易实现. (3)Flash 8.0 提供了丰富的声音控制对象和方法,利用声音对象可以很容易的解决这 一任务所遇到的问题. (4)建立声音对象的一般操作步骤是:首先将声音文件导入至"库",然后根据需要选 择事件,展开"动作"面板,创建"Sound"对象的实例. (5)创建"Sound"对象的实例的语句是:"实例名 = new Sound();"这里的实例名可以 是以字母或符号开头的任意字符. (6)可以使用"Sound"对象中封装的"attachSound()"函数指定Sound对象所对应的声 音源,具体语法是:"Sound对象实例名. attachSound("声音文件链接名")". (7)利用"Sound"对象控制声音开始播放的方法是运用语句"Sound对象实例名.start ()"

10.3.7 添加游戏结束动画
为使游戏更加完美,接下来 的主要任务是为游戏增加结 束动画. 任务18 制作结束影片剪辑 任务18 任务要求 当游戏结束时,播放动画 "Game Over",并且提示用 户是否重玩.请制作一个游 戏结束影片剪辑 .

10.3.7 添加游戏结束动画
任务分析 将游戏结束动画定义成一个影片剪辑,影 片剪辑中,绘制"Game Over"艺术字,在 艺术字下方添加两个按钮即可完成任务, 艺术字可以通过Flash制作,也可以在Word 中制作,完成后粘贴至Flash中.

任务19 应用"游戏结束"影片剪辑 应用"游戏结束" 任务
任务要求 将制作好的"游戏结束"影片,集成至影片中. 任务分析 (1)因为整个游戏的实现思路是每播放一次鼹鼠 动画,"Times"变量加1. (2)不论用户是否打中全部的鼹鼠,只要鼹鼠出 现18次游戏都应该停止,并提示用户是否重玩. (3)重玩游戏,可以通过"gotoandplay()"函 数转到帧标签来实现. (4)退出游戏,可以采用"fscommand()"函数关 闭Flash播放器实现.

10.4 片头动画
游戏正式开始之前,玩家应首先看到片头场景动画,可以在这一场景 中设置游戏背景音乐的音量大小,并且可以单击"开始游戏"按钮, 开始正式的打鼹鼠游戏. 10.4.1 游戏介绍动画制作 在玩家开始游戏之前,采用滚动字幕介绍游戏玩法,是一种最简单的 片头动画. 任务20 制作游戏介绍动画 任务 任务要求 在影片中插入一个新场景,命名为"片头动画",在场景中制作一个 滚动字幕,滚动字幕的文字内容是对于游戏玩法的介绍,介绍完毕后, 影片自动停止. 任务分析 滚动字幕效果是通过遮罩这种动画技术来实现的,在遮罩层上绘制一 个矩形,被遮罩层上制作一个自下而上的文本运动渐变即可实现.



任务21 添加开始按钮 任务
任务要求 游戏介绍滚动字幕播放完毕后,出现"开始游戏" 按钮,玩家单击这一按钮正式开始游戏. 任务分析 前一任务已经实现了游戏介绍动画播放完毕,影 片自动停止播放,只需要制作一个按钮元件将其 拖拽至第20帧处,编写简单的Action Script代码 即可完成本任务. 单击按钮时,利用"Play()"函数,使影片自 动播放下一场景,进入游戏.

10.4.2 设置背景音乐
任务 任务22 制作音量调节器 任务要求 在"片头动画"场景中制作一个音量控制器,按住鼠标左 键拖拽可实现按钮延音量线移动. 任务分析 (1)可以采用直线或铅笔工具绘制音量控制图形,绘制完 毕后,采用"颜料桶"工具进行填充. (2)控制按钮需要新建一个按钮元件,在元件中绘制渐变 色填充的圆. (3)当用户按下按钮时,通过鼠标跟随来实现按钮的移动. (4)当按钮被松开时应该停止按钮的鼠标跟随. (5)按钮位置的初始化和改变需要参照按钮的X,Y坐标.

任务23 添加背景音乐 任务
任务要求 编写相关的Action Script代码实现背景音乐播放,并且拖 动音量控制按钮时,音量进行相应的改变. 任务分析 参照"任务17"中介绍的方法,运用"Sound"对象可以实 现音乐文件的播放,同时,借助"Sound"对象封装的 "setVolume()"函数可以实现音量大小控制. 水平拖动音量控制按钮时,按钮的x轴坐标会发生改变, 将这个变化的值通过特定的运算,作为setVolume函数的 参数,即可实现音量大小随控制按钮的位置变化.

相关知识
运用Flash进行游戏设计的相关知识如下: 绘图工具的综合运用. 帧的熟练使用,插入关键帧,转换关键帧,移动 帧和设置帧标签等. Action Script Script函数,例如,gotoAndPlay();, gotoAndPlay(); Random()和startDrag();等等. Action Script属性和对象,如_root属性,Mouse 对象. Action Script语句,如if语句和变量赋值语句. 图层的运用,如遮罩等.

本章小结
本章以打鼹鼠游戏之作为实例,介绍了利用Flash进 行游戏制作的一般方法,制作游戏的一般步骤如 下: 明确设计任务. 确定主题,布置场景. 制作必须的元件. 编写Action Script 语句. 在设计游戏前,总体上需要考虑几个问题:游戏 环境的形成,规则的创建以及如何编写游戏的代 码.游戏的环境和规则是最重要的部分,一个受 欢迎的游戏不一定需要编写复杂的代码.

思考与练习
完成打鼹鼠游戏的"欢迎"场景动画制作,当 玩家执行游戏时首先看到"欢迎"动动画播放 完毕后,出现"Play"按钮,单击按钮后游戏开 始. 完成打鼹鼠游戏的"结束"场景动画制作,游 戏结束时播放"结束"场景动画,示"重玩" 按钮,单击按钮后游戏重新开始. 为打鼹鼠游戏添加背景音乐和音效. 修改代码实现游戏进行时不但显示得分,而且 显示打中率. 制作一个"挖地雷"游戏.





赞助商链接
更多相关文档:

Flash动画制作教案

Flash动画制作教案_其它课程_初中教育_教育专区。《...第 10、11 周 计划课时 4 课时 模块 6:制作简单...这 就引出我们这一章节所要讲的 FLASH 中的功能层...

10《flash动画》教学实训大纲

10flash动画》教学实训大纲_教育学_高等教育_教育专区。《FLASH 动画》教学大纲...第七章 制作较复杂的动画 (一)教学目的和要求 在学习创建基本动画的基础上, ...

Flash动画设计教学大纲

(教师教育类)专业的专业选修课程,主要介绍 利用 Flash 软件进行动画制作的基本...第 10 章 动作脚本应用 46. (1) 教学重点与难点: 重点是 Action Script 的...

Flash动画制作教程

Flash 动画制作教程 一、Flash 介绍 Flash 是 ...(有时翻译成“元件” ,本讲义后续章节都用“组件...3) 旋转动画的制作 第 10 页 在 flash 中, ...

《FLASH动画》教学大纲

计算机多媒体专业《FLASH 动画制作》教学大纲一、 课程的性质和任务 Flash 是 ...屏幕制作幻灯片 9.3.1 制作幻灯片各屏幕的内容 9.3.2 添加行为 第十章 创建...

中文版Flash CS5动画制作实用教程答案

使用 Flash 制作动画在减少了大量人力和物力资源消耗的同时,也 极大地缩短了...10.参考上机练习 第2章 1. 矢量图与位图最大区别在于,矢量图的轮廓形状更...

flash动画制作技术

flash动画制作技术_动画/交互技巧_PPT制作技巧_实用文档...图 2-4-9 第 1 帧画面图 2-4-10 第 20 帧...第4章 基于Flash的动画制... 32页 免费 计算机动...

flash入门基础 第10课 交互动画的灵魂

Flash交互动画基础 15页 免费 第10flash脚本动画...这个按钮元件就制作好了,现在我们返回【场景 1】,...有关按钮事件及其应用请你参阅第六章的相关内容。 ...

Flash动画制作教案(2012)_图文

第1周 Flash8 功能及 Flash 8 动画 了解 Flash8 功能及 Flash 动画原 初识...制作 MTV 复习巩固以上章节的学习内容 2 4 周次 课题名称模块 10 授课内容 ...

flash实验指导-补间动画的制作08年10月

补间动画制作实验目的: 1、熟悉 FLASH 中建立元件和制作动作补间动画的一般步骤...把文本打散,变成图形 5、在图层右边时间轴的第 10 帧,单击右键,插入关键帧,...

更多相关标签:
网站地图

文档资料共享网 nexoncn.com copyright ©right 2010-2020。
文档资料共享网内容来自网络,如有侵犯请联系客服。email:zhit325@126.com