多媒体设计-Flash做空战游戏教案分析.doc

电子与信息工程学院 《多媒体技术与应用》课程设计 设计题目:Flash做空战游戏 学 号: 姓 名: 专 业:计算机科学与技术 班 级:2011-1班 指导老师: 日 期：2013年6月2日课程设计能够有效锻炼自主学习能力和综合设计能力，培养创新精神和动手实践能力。 1). 熟练掌握flash制作所需的基本知识。熟练掌握Flash动画的整个制作过程。. 将以往所学的知识与本课程综合起来应用于实际设计中，培养在实际工作中分析问题和解决问题的能力。flash的制作游戏中用到了很多的技术，首先，通过FLASH中文件导入功能将制作本游戏所用到的素材以及音频文件导入到库中。在插入背景时运用“属性”进行调整背景图片的大小及位置，用新建“按钮元件”制作游戏的开始按钮。其次，本游戏中所有的文字显示都运用“文本工具”完成的，并且对素材中飞船和敌机大小是用“任意变形工具”和“部分选取工具”调整的。最后，利用FLASH中Action Script3.0脚本语言对飞船和敌机进行“动作”编程和新增图层动作的控制来实现运行时的游戏效果。还有在游戏名称及说明文字的制作过程中，用到了把文字转换为元件的技术。因为只有把文字转换为元件才能调整文字的alpha值，这也用到了怎样才能使调整的alpha的技巧。 总之在制作本flash动画的过程中用到了很多课本上的和课本外的制作技巧，很好的展示了制作flash动画的技巧。 具体设计步骤 启动FLASH CS6软件。 按下Ctrl+J组合键，弹出文档属性对话框，设置编辑区的大小为500×400像素，背景为白色，如图1-1所示。 图1-1 FLASH新建文档 选择“文件”中的“导入”功能，将本游戏制作需要的素材导入到库中。 将图层1命名为“背景图片”，把库中的游戏开始前的素材运用“选择工具”拖到舞台中，并设置大小及位置，如图1-2、图1-3所示。 图1-2 图片拖入舞台 图1-3 设置图片大小及位置 新建“游戏名称”图层，选择“文本工具”在背景图片上输入游戏名称“空战”，同样新建“操作说明”图层输入“方向键移动，空格键发射”的操作说明文字，如图1-4所示。 图1-4 输入游戏名称及操作方法 选择“插入”→“新建元件”命令，在弹出的创建新元件对话框中选中影片剪辑按钮，保存在库根目录下，创建一个名称为“敌机爆炸”的元件，如图1-5所示。 图1-5 新建“敌机爆炸”元件 进入“敌机爆炸”元件的编辑区，将敌机素材插入图层1中第一帧，将敌机接触子弹瞬间的图片运用“矩形工具”画一个小矩形并填充颜色为红色，如图1-6、1-7所示。 图1-6 素材 图1-7 红色矩形 8. 在“敌机爆炸”元件中，新建图层2，在第一帧和第二帧单击右键选择“动作”命令，添加动作脚本语句：stop ();如图1-8所示。 图1-8 添加动作脚本语句 9. 选择“插入” →“新建元件”命令，如图1-9所示。 图1-9 新建“敌机爆炸动画”元件 10. 进入“敌机爆炸动画”元件编辑区，将之前“敌机爆炸”元件中的红色矩形复制到图层1 的第一帧中，然后在第5帧插入空白关键帧，选择“部分选取工具”将矩形变形，画出爆炸瞬间的游戏效果，并把第5帧的内容复制到第6帧，让爆炸时的效果稍微停一帧，达到最佳的视觉效果，如图1-10所示。 图1-10 复制帧 在“敌机爆炸动画”元件中新建图层2，在第7帧中右击选择“动作”命令，添加 “暂停”的动作脚本语句：stop ();。 新建“敌机整体动画”影片剪辑元件，将敌机素材插入元件图层1中，在图层2第一帧右击选择“动作”命令，添加动作脚本语句：stop ();。 新建“飞船动画”影片剪辑元件，将飞船素材图片插入元件图层1中，如图1-11所示。 图1-11 新建“飞船动画”元件并插入素材 14.在“飞船动画”元件中新建图层2用来做飞船生命值为零时的动画效果。在图层2 第2帧插入空白关键帧，用“矩形工具”画一个实心的红色矩形，再将其中心部分用“选择工具”选中后删去实心成空心的，留下矩形边框，如图1-12所示。 图1-12 空心矩形 图1-13 变形 15．将“飞船动画”元件第2帧的矩形复制到第5帧，并运用“部分选取工具”对它改变形状，如图1-13所示。 16. 把“飞船动画”元件第5帧的内容复制到第6帧中，并且将它空心部分填充红色，如图1-14所示。 图1-14 变形后填充 17. 在“飞船动画”元件中新建图层3，在第1帧中右击选择“动作”命令，添加动作脚本语句