flash游戏多媒体课设报告-卢灿

1、武汉理工大学华夏学院课程设计报告书课程名称：多媒体技术应用课程设计 题 目： flash游戏的设计与制作 系 名： 信息工程系 专业班级： 计算机1111班 姓 名： 学 号： 10210411131 指导教师: 张玉蓉 2013年 3 月 1日课程设计任务书学生姓名： 专业班级： 计算机1111 指导教师： 张玉蓉 工作单位： 信息工程系 设计题目： flash游戏的设计与制作初始条件：要求较全面地理解、掌握和综合运用所学的多媒体方面的理论知识，会用photoshop进行图片处理，会用flash制作简单动画，以及用flash制作简单的游戏。要求完成的主要任务：用flash设计制作简单的游戏，

2、比如拼图游戏，走迷宫等游戏，以及相关文档的制作。要求有明确的主题，内容健康向上，互动性强，声形并茂，有较强的动态的视觉特效。主要任务：1. 完成整个游戏的设计及制作；经教师检查及答辩；2. 写出规范的课程设计说明书，课程设计报告采取统一格式；详细叙述设计的主要内容以及设计的具体思路，在报告中要有个人总结和心得。3. 课程设计结束后交设计说明书等文档，设计作品以姓名命名，并以班集体为单位刻盘。4. 文档雷同者按不及格处理；设计报告撰写格式要求： 要求层次清楚、整洁规范、不得相互抄袭，凡正文内容有整段完全相同者一律以抄袭论处。设计报告正文字数不少于0.2万字（不包括附录）。第1级（章）题序和题名用

3、黑体三号字，第2级（目）题序和题名用黑体小四号字，第3级（条）题序和题名用黑体小四号字，正文内容用宋体五号字(英文用新罗马体)，多倍行距1.25。报告内容一律使用A4打印纸计算机打印，页码在页下居中标明。必须使用国家公布的规范字。页面设置：上空2.5 cm，下空2.0 cm，左空2.5 cm，右空2.0cm（左装订）。插图图面要整齐、美观，插图应与正文呼应，不能脱节。每幅插图应有图序与图题，图序编号要连续，图序与图题间空一格且要放在插图下方居中处。时间安排：2013年2月25日 布置课程设计任务；讲述设计目的、内容、时间安排与本次课程设计的要求查阅资料，学生进行分析及总体设计，理清设计思路；2

4、013年2月 26日-2013年3月 1日 按设计要求，查阅资料；进行设计及制作；2013年3月1日 提交课程设计报告及相关文档。指 导 教 师 签 字： 2013年 2 月 25日系 主 任 签 字： 2013年 2月 25日 Flash拼图游戏多媒体课程设计一设计目的1.使用Flash 8结合Photoshop CS制作拼图小游戏2.要学会Photoshop CS的切片工具和存储为Web格式等命令的使用，及Flash 8的复制到网格和hittest()函数等命令的使用，对两者的结合制作出拼图小游戏的过程进行了详细的说明。3.关键：切片工具；hittest()；复制到网格二设计思路游戏规则：

5、当在某个小图片上按下鼠标左键不松开鼠标进行拖动时，该小图片跟随鼠标移动，当松开鼠标时，如果是小图片的最后位置。该小图片就停留在正确位置，否则回到原来位置。三制作步骤：1 使用Photoshop进行图片处理1） 打开Adobo Photoshop CS;2） 使用“文件”菜单的“打开”命令打开准备好的图片“光头强”。3） 使用“视图”菜单的“显示”的“网格”命令”，显示出网格。4） 使用切片工具将图像等分为12份。 5） 使用“文件”菜单的“存储为Web所用格式”命令，单击“存储”按钮后，选择保存位置，保存即可。6） 关闭Adobo Photoshop CS。2.使用Flash 8制作拼图游戏1

6、）打开Flash 8，新建一个“flash 文档”。2）设置文档大小。3）使用“文件”菜单的“导入”下的“打入到库”命令，将桌面上的“images”文件夹中所有图片导入到库中。4）从库中将“1”拖入舞台中，按F8键将它转换为元件，名称为tu1,类型为影片剪辑。确定。5）重复上一步操作，把“2”转换为tu2,”3”转换为tu3,.“12”转换为“tu12”.6)将舞台中的12个影片剪辑打乱次序后排列。7）将图层1命名为“图形”，并锁定。8）在库面板中，右击tu1，选择“直接复制”，在弹出的“直接复制元件”对话框中，命名为bt,类型为按钮，确定。这时就有一个按钮元件bt。9）双击bt按钮图标，进行

7、按钮的编辑：在在弹起帧的内容全选后，使用“修改”菜单的“分离”命令（或按ctrl+B）把图片打散，使用墨水瓶工具给它添加黑色边框。在点击帧插入关键帧。在谈起帧将填充删除，只留边框。10）返回场景1.先建一图层，将该图片拖到“图形”层下面。11）将按钮bt拖入舞台中，选择该按钮，执行“插入”菜单的“时间轴特效”的“帮助”下的“复制到网格”命令，在网格尺寸的行数和列数中填入3和4，在网格间距的行数和列数都填入0像素，单击确定。12）出现一个“复制到网格”的影片剪辑，将其分离（ctrl+B），在属性面板将分离后的元件的实例类型（默认为图形）都转换为“按钮”。并按先行后列的顺序起名为bt1,bt12.

8、将该图命名为“按钮”并锁定。13）新建一图层，命名为“参考层”，将该图层拖到“按钮”层的下面。14）将“光头强图片”文件导入库，将之拖入“参考层”，转换为元件。15）使用文本工具，在图片的上方空白处输入“光头强拼图游戏”，字体，大小，颜色自行选择。锁定参考层。16）将“图形”层解锁，选中影片剪辑tu1，打开动作面板，输入代码：onClipEvent(mouseDown)if(this.hitTest(_root._xmouse,_root._ymouse,false)this.startDrag(true);x=this._x;y=this._y;onClipEvent(mouseUp)if(

9、this.hitTest(_root.bt1)this._x=_root.bt1._x; this._y=_root.bt1._y; else this._x=x; this._y=y; stopDrag();17）将以上代码全选复制，返回场景，再选择tu2，打开动作面板，进行粘贴，只用将bt1全部改为bt2即可。18）类似进行上步操作，为其它的影片剪辑都添加动作代码。19）使用“控制”菜单的“测试影片”（或按下Ctrl+Enter），观看效果。20）使用“文件”菜单的“导出”的“导出影片”（或按ctrl+shift+Alt+S）,输入文件名，保存。图1 完成效果四小结与体会 这次的课程设计和

10、以往的有所不同，我们不只是运用所学的知识去设计海报还有游戏，我们还要在制作过程中，不断地查阅资料，不断地解决问题，提出问题，还要有自己的想法和思路。同时也是一次与实际的结合，能提高我们的实践能力。我们既可以锻炼自己也可以加固对基础知识的记忆。FLASH对我来说并不陌生，因为在浏览大部分网站、网页的时候都能看到大大小小、各式各样的FLASH动画，还有FLASH制作的MTV、课件、小游戏之类更是无计其数，有的动态高级网站更是全部利用FLASH所制作，在看到别人做出来的眩目多彩的FLASH作品，还真是羡慕那些作者能够做出如此高的水平，其实很早自己就想偿试做一个了，但是始终未能付诸行动，因为手边没有教

11、材，有没有人指导，以及日常工作比较烦忙，其实关键还是自己没有学习的欲望和激情，自己太懒惰了。一直以来的设想，并没有复之行动。终于有了这样一个机会，在网上选课时，我一眼就看中了flash动画与多媒体课件制作这门课程，并如愿以偿的选课成功。下面是我在学习和制作FLASH的过程中的一些感受：首先，创意是制作FLASH的第一步，也是最重要的一步。一个好的课件作品要有创意，要求新或者是在平淡中找到吸引人的地方，这是最难也可以说是最简单的一步，因为有时候苦苦思索也没有一个好的创意，有时候无意之中，却有一些好的创意一闪而过，德来全不费工夫。 其次，就应该是构思，也就是在大脑中想象怎样组织画面，每个画面有些什

12、么内容，这些画面又该如何衔接起来，形成一个整体。这一部分很重要，就如同写作文，拿到一个题目，应该先想好整个文章的概括，否则就不知到如何下手。 最后，就是制作了。我觉得，最主要的就是多练，光看书，到了真正用的时候，还是笨手笨脚的。只有经过实践，才能有好的技术，说是这样，可我也没有练很多，虽然技术是我现在制作FLASH最大的难点，但我认为制作一个好的FLASH作品，最关键的还是创意和构思。设计过程及答辩回答问题记载：（至少三个问题）1.怎样使用Photoshop将图片图片进行分割。1打开Adobo Photoshop CS;2使用“文件”菜单的“打开”命令打开准备好的图片“光头强”，如图2.3使用“视图”菜单的“显示”的“网格”命令”，显示出网格。4使用切片工具将图像等分为12份。2.怎样将影片剪辑转换为按钮。出现一个“复制到网格”的影片剪辑，将其分离（ctrl+B），