1、flash游戏多媒体课设报告武汉理工大学华夏学院课程设计报告书课程名称：多媒体技术应用课程设计 题 目： flash游戏的设计与制作 系 名： 信息工程系 专业班级： 计算机1111班 姓 名： 学 号： 10210411131 指导教师: 张玉蓉 2013年 3 月 1日课程设计任务书学生姓名： 专业班级： 计算机1111 指导教师： 张玉蓉 工作单位： 信息工程系 设计题目： flash游戏的设计与制作初始条件：要求较全面地理解、掌握和综合运用所学的多媒体方面的理论知识，会用photoshop进行图片处理，会用flash制作简单动画，以及用flash制作简单的游戏。要求完成的主要任务：用f
2、lash设计制作简单的游戏，比如拼图游戏，走迷宫等游戏，以及相关文档的制作。要求有明确的主题，内容健康向上，互动性强，声形并茂，有较强的动态的视觉特效。主要任务：1. 完成整个游戏的设计及制作；经教师检查及答辩；2. 写出规范的课程设计说明书，课程设计报告采取统一格式；详细叙述设计的主要内容以及设计的具体思路，在报告中要有个人总结和心得。3. 课程设计结束后交设计说明书等文档，设计作品以姓名命名，并以班集体为单位刻盘。4. 文档雷同者按不及格处理；设计报告撰写格式要求： 要求层次清楚、整洁规范、不得相互抄袭，凡正文内容有整段完全相同者一律以抄袭论处。设计报告正文字数不少于0.2万字（不包括附录
3、）。第1级（章）题序和题名用黑体三号字，第2级（目）题序和题名用黑体小四号字，第3级（条）题序和题名用黑体小四号字，正文内容用宋体五号字(英文用新罗马体)，多倍行距1.25。报告内容一律使用A4打印纸计算机打印，页码在页下居中标明。必须使用国家公布的规范字。页面设置：上空2.5 cm，下空2.0 cm，左空2.5 cm，右空2.0cm（左装订）。插图图面要整齐、美观，插图应与正文呼应，不能脱节。每幅插图应有图序与图题，图序编号要连续，图序与图题间空一格且要放在插图下方居中处。时间安排：2013年2月25日 布置课程设计任务；讲述设计目的、内容、时间安排与本次课程设计的要求查阅资料，学生进行分析
4、及总体设计，理清设计思路；2013年2月 26日-2013年3月 1日 按设计要求，查阅资料；进行设计及制作；2013年3月1日 提交课程设计报告及相关文档。指 导 教 师 签 字： 2013年 2 月 25日系 主 任 签 字： 2013年 2月 25日 使用Flash 8结合Photoshop CS制作拼图小游戏摘要：要学会Photoshop CS的切片工具和存储为Web格式等命令的使用，及Flash 8的复制到网格和hittest()函数等命令的使用，对两者的结合制作出拼图小游戏的过程进行了详细的说明。关键：切片工具；hittest()；复制到网格图1 完成效果图2 光头强图片游戏规则：
5、当在某个小图片上按下鼠标左键不松开鼠标进行拖动时，该小图片跟随鼠标移动，当松开鼠标时，如果是小图片的最后位置。该小图片就停留在正确位置，否则回到原来位置。制作步骤：1 使用Photoshop进行图片处理1） 打开Adobo Photoshop CS;2） 使用“文件”菜单的“打开”命令打开准备好的图片“光头强”，如图2.3） 使用“视图”菜单的“显示”的“网格”命令”，显示出网格。4） 使用切片工具将图像等分为12份。 5） 使用“文件”菜单的“存储为Web所用格式”命令，单击“存储”按钮后，选择保存位置，保存即可。6） 关闭Adobo Photoshop CS。2.使用Flash 8制作拼图
6、游戏1）打开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,bt
8、12.将该图命名为“按钮”并锁定。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(mou
9、seUp) if(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）,输入文件名，保存。flash动画制作心得体
10、会Flash是美国的一家公司（MACROMEDIA公司）于1996年6月推出的优秀网页动画设计软件， 在中国经历了9年的发展时间。曾经在中国风云一时，出现了FALSH热。由于动漫也成为一种时尚的艺术，而且最直接简单的动画创作是就FLASH。我认为它可以自成体系，有它自己独特的表现方法.手段和流通方式及“闪客”生活。甚至我认为它是现代文明的一种符号，新新艺术创作方式，是一种流行于网络的网络文化。电脑替代了传统的笔墨，移动的图象和声音同样表达了动画艺术家的情感，所以我把FLASH作为独立的动画来谈。我这种论述不论对与错，但是他始终代表了我对FLASH认识的观点和理解。今天让我们共同来探讨FLASH
11、，我的观点是FLASH不可否认已经成为了一种新的艺术表现形式，作为新的事物它的应用非常广泛，主要用于网络，FLASH网站片头，FLASH演示动画，FLASH网站，FLASH商业广告，电视，掌上电脑，游戏，MTV，手机屏保，手机彩信，家用电器等等！这些表示FLASH的确是一个非常好的传播载体。它能够引申出非常多的商业机会。能够以多样的效果和形式来充分体现产品或企业形象。现在电脑，网络，手机用户等等都是在不断的增加，网络的发展壮大和完美，电脑更加普及，上网的人更多。正因为它有怎么多的用户，爱好者，创作者和发展平台，使用价值和欣赏价值。它现在虽然不能和我们的中国画，油画，版画等艺术创作相提并论，但是
12、它可以满足社会艺术欣赏的需要和商业价值的需要，通过介绍论证FLASH是具有广阔的天空，它是在不断的发展和成熟中，我认为FLASH真正的价值是其未来！它是一种新新事物，是一种新的艺术创作和文化。FLASH对我来说并不陌生，因为在浏览大部分网站、网页的时候都能看到大大小小、各式各样的FLASH动画，还有FLASH制作的MTV、课件、小游戏之类更是无计其数，有的动态高级网站更是全部利用FLASH所制作，在看到别人做出来的眩目多彩的FLASH作品，还真是羡慕那些作者能够做出如此高的水平，其实很早自己就想偿试做一个了，但是始终未能付诸行动，因为手边没有教材，有没有人指导，以及日常工作比较烦忙，其实关键还
13、是自己没有学习的欲望和激情，自己太懒惰了。一直以来的设想，并没有复之行动。终于有了这样一个机会，在网上选课时，我一眼就看中了flash动画与多媒体课件制作这门课程，并如愿以偿的选课成功。下面是我在学习和制作FLASH的过程中的一些感受：首先，创意是制作FLASH的第一步，也是最重要的一步。一个好的课件作品要有创意，要求新或者是在平淡中找到吸引人的地方，这是最难也可以说是最简单的一步，因为有时候苦苦思索也没有一个好的创意，有时候无意之中，却有一些好的创意一闪而过，德来全不费工夫。 其次，就应该是构思，也就是在大脑中想象怎样组织画面，每个画面有些什么内容，这些画面又该如何衔接起来，形成一个整体。这
14、一部分很重要，就如同写作文，拿到一个题目，应该先想好整个文章的概括，否则就不知到如何下手。 最后，就是制作了。我觉得，最主要的就是多练，光看书，到了真正用的时候，还是笨手笨脚的。只有经过实践，才能有好的技术，说是这样，可我也没有练很多，虽然技术是我现在制作FLASH最大的难点，但我认为制作一个好的FLASH作品，最关键的还是创意和构思。设计过程及答辩回答问题记载：（至少三个问题）1.怎样使用Photoshop将图片图片进行分割。1打开Adobo Photoshop CS;2使用“文件”菜单的“打开”命令打开准备好的图片“光头强”，如图2.3使用“视图”菜单的“显示”的“网格”命令”，显示出网格。4使用切片工具将图像等分为12份。2.怎样将影片剪辑转换为按钮。出现一个“复制到网格”的影片剪辑，将其分离（ctrl+B），在属性面板将分离后的元件的实例类型（默认为图形）都转换为“按钮”。并按先行后列的顺序起名为bt1,bt12.将该图命名为“按钮”并锁定。3.怎样在图层中加入网格。 将按钮bt拖入舞台中，选择该按钮，执行“插入”菜单的“时间轴特效”的“帮助”下的“复制到网格”命令，在网格尺寸的行数和列数中填入3和4，在网格间距的行数和列数都填入0像素，单击确定。指导教师评语： 签名： 2013年3月4日
