《FLASH交互动画设计》由会员分享，可在线阅读，更多相关《FLASH交互动画设计（12页珍藏版）》请在金锄头文库上搜索。
1、FLASH交互动画设计一、总体设计1. 游戏总体概况本实验为FLASH交互动画之卡通游戏“接宝石”移动小盆接上面落下来的物体,落下的不同物体代表其特定的分值。加分暂无上限，减分暂无下限，时间限制为20秒。2. 游戏界面及流程图1】游戏初始界面【图1】为游戏初始界面，红宝石、蓝宝石、炸弹、钻石分别为排成一横线的旋转体。若按帮助,则出现【图2】游戏规则界面。图2】游戏规则界面图2】表明接到的物体所代表的分值：炸弹（-6分）、蓝宝石（+2分）、红宝石（+3分）、钻石（+8分）。若在【图1】游戏初始界面按开始则进入【图3】游戏界面图3】游戏界面初始状态分数为o,剩余时间为12诅二游戏开始后，移动小盆接
2、上面落下的物体，炸弹（-6分）、蓝宝石（+2分）、红宝石（+3分）、钻石（+8分）。当剩余时间显示为0时，游戏结束，分数栏显示不再变化，界面自动转到如下【图4】选择界面。图4】选择界面#继续退出若按继续,则进入【图3】游戏界轮的游戏；若按退出,则退到【图1】游戏初始界面。二、详细设计1.创建新文档新建一个空白文档，在其属性栏设置文档大小为像素X像素。2.元件的准备（1）创建影片剪辑 创建名为“计分器”的影片剪辑元件创建两个图层，自上而下分别命名为“”和“文本”。“文本”图层上的操作：输入静态文字“分数”,在“文本”图层第1帧拖曳出一个文本框，将其【属性】中的【文本类型】设置为“动态文本”，【变
3、量】设置为“”，在该图层的第帧处插入帧。得到结果如下图：”图层上的操作：在该层第帧，输入动作语句: 创建名为“计时器”的影片剪辑元件创建两个图层，自上而下分别命名为“”和“文本”。“文本”图层上的操作：输入静态文字“剩余时间”，在“文本”图层第1帧拖曳出一个文本框，将其【属性】中的【文本类型】设置为“动态文本”，【变量】设置为“”，在该图层的第帧处插入帧。得到结果如下图：并将“文本”层延长至第帧。“”图层上的操作：分别在12帧上插入空白关键帧，然后在的第帧分别输入代码：第帧代码：第2帧代码：第3帧代码： 创建名为“所有下落物”的影片剪辑创建图形元件“”、“”、“”、“”，从左到右分别如下所示:
4、创建名为“炸弹”的影片剪辑，在其编辑状态下，将图形元件“”从【库】中拖至其时间轴的第1帧，在第1帧创建补间动画。第18帧插入关键帧，然后在第11帧7之间单击任意一帧，在其【属性】面板，设置【旋转】为逆时针/顺时针，圈数为1圈。在第1帧添加动作代码“”。用相同方法制作名为“”、“”、“”三个影片剪辑。将这四个影片剪辑设置为不同的时间轴长度。创建名为“所有下落物”的影片剪辑，在其编辑状态下制作逐帧动画，第帧分别为“炸弹”、“蓝宝石”、“红宝石”、“钻石”的实例如下所示：Jl-I帶一场最丄囹所有下落物III3JC一场員1囹所有下落物图层工丿IIIpt團层场景週所有下落物_JJIIl3-b足所百下落物
5、203011土、_1:中场杲1S所有下落物图层1创建名为“下落”的影片剪辑设置两个图层，分别命名为“”、“下落物”。“下落物”图层的操作：将影片剪辑“所有下落物”拖曳至其“下落物”图层第1帧的舞台上，并在该图层第3帧插入帧。选中“所有下落物”对象，在【属性】-【实例名称】命名为“”。“”图层的操作：在该图层的前帧，插入空白关键帧，分别输入以下代码：第帧代码：varplusScore;声明变量plusScore/为之间的随机数如果随机数小于设置的角色播放第帧（炸弹）炸弹分数设为如果随机数在之间设置的角色播放第帧（蓝宝石）蓝宝石分数设为如果随机数在之间设置的角色播放第帧（红宝石）蓝宝石分数设为如果
6、随机数大于设置的角色播放第帧（钻石）钻石分数设为随机决定对象出现的轴坐标坐标均为第2帧代码：对象的坐标布顿增加，增量即速度如果坐标大于0则表示已经跑出舞台删除该影片剪辑如果小于且下一次大于计算两个对象之间的距离如果距离小于，表明接到了对象总分加上接到的对象自身的分数然后删掉该对象第帧代码：对名为“下落”的影片剪辑执行【链接】命令，在【链接属性】输入标识符“创建名分别为“接宝石”“盆”的影片剪辑在“接宝石”剪辑中设置渐变文字“接宝石”；在“接宝石”剪辑中绘制盆图形。（2）创建按钮分别创建名为“开始”、“帮助”、“继续”、“退出”、“返回”的按钮。以“开始”按钮为例，在“弹起”帧插入关键帧，绘制按
7、钮图形，在“点击”帧上插入关键帧。3. 主场景的制作在主时间轴上设置个图层，分别命名为、计时计分、盆、和。 时间轴第帧上的操作：“”层：绘制渐变色背景，将“钻石”“炸弹”、“接宝石”影片剪辑到舞台上的合适位置；“”层：设置两个按钮“开始”、“帮助”，并分别添加动作代码：【开始】按钮动作代码：帮助】按钮动作代码：得到效果如下： 时间轴第帧上的操作:“”层保持渐变背景，夫掉苴余对象.日延续至第帧;“盆”层添加“盆”影片剪I例名称“计时计分”层添加“计分器”、“计时器”两个元件。 时间轴第帧上的操作:第3帧和第4帧在舞台对象上均与第2帧相同。时间轴第帧上的操作:”层：添加两个按钮“继续”、“退出”，
8、并分别添加动作代码:继续】按钮动作代码:退出】按钮动作代码:时间轴第帧上的操作：“”层：添加“炸弹”、“蓝宝石”、“红宝石”和“钻石”个影片剪辑和一些文字;“”层：制作“返回”按钮。添加【返回】按钮动作代码：层上各帧代码帧代码帧4分别添加代码：第3帧代码：第帧代码：选中图层的第帧，在属性栏添加帧标签“”。4.三、开放实验小结一直觉得设计是一件高难度的工作，对于结构完整故事情节丰富以及功能完善的来说，工作复杂程度难以想象。如今，通过对简单交互动画的制作，使我对制作有了新的认识。在小游戏的制作过程中，我对基本工具和功能有了深刻的了解，许多词，如“关键帧”“逐帧动画”“遮罩动画”等进行了一定的实践。经过这样一个简单小游戏的制作，我发现小小的实践能启示我一步一步学到应该掌握的基础知识。对实例的制作，我学会了整理简单项目的制作逻辑。在这里编码语言的理解非常重要，此时我看到语言等的学习体现出了一定优势。遇到错误时，根据所学的语言知识，我能够基本看懂语句的意思，作出一定的修改，尝试运行。制作过程中遇到了一些困难，在老师的帮助下顺利解决了。的协作使用也非常重要，它有助于提高画面的视觉效果。要将自己的思想演绎成可视的动作画面，需要进一步掌握各个概念并认识到其存在的强大功能，结合扎实的编程知识来创造条件，有了这些，才能在原有的知识层面上作出思维的延伸。#
