flash游戏和宣传海报设计与制作

武汉理工大学华夏学院

课程设计报告书

课程名称：《多媒体技术应用》课程设计

题目：flash游戏和宣传海报的设计及制作

系名：信息工程系

专业班级：计算机1111班

姓名：

学号：10210411131

指导教师: 张玉蓉

2013年3 月1日

课程设计任务书

学生姓名：专业班级：计算机1111班

指导教师：张玉蓉工作单位：信息工程系

设计题目：flash游戏及宣传海报的设计及制作

初始条件：

要求较全面地理解、掌握和综合运用所学的多媒体方面的理论知识，会用photoshop进行图片处理，会用flash制作简单动画，以及用flash制作简单的游戏。

要求完成的主要任务：

用flash设计制作简单的游戏，比如拼图游戏，走迷宫等游戏，以及相关文档的制作。要求有明确的主题，内容健康向上，互动性强，声形并茂，有较强的动态的视觉特效。

主要任务：

1. 完成整个游戏的设计及制作；经教师检查及答辩；

2. 写出规范的课程设计说明书，课程设计报告采取统一格式；详细叙述设计的主要内容以及设计的具体思路，在报告中要有个人总结和心得。

3. 课程设计结束后交设计说明书等文档，设计作品以姓名命名，并以班集体为单位刻盘。

4. 文档雷同者按不及格处理；

设计报告撰写格式要求：

要求层次清楚、整洁规范、不得相互抄袭，凡正文内容有整段完全相同者

一律以抄袭论处。设计报告正文字数不少于0.2万字（不包括附录）。

第1级（章）题序和题名用黑体三号字，第2级（目）题序和题名用黑体小四号字，第3级（条）题序和题名用黑体小四号字，正文内容用宋体五号字(英文用新罗马体)，多倍行距1.25。报告内容一律使用A4打印纸计算机打印，页码在页下居中标明。必须使用国家公布的规范字。

页面设置：上空2.5 cm，下空2.0 cm，左空2.5 cm，右空2.0cm（左装订）。

插图图面要整齐、美观，插图应及正文呼应，不能脱节。每幅插图应有图序及图题，图序编号要连续，图序及图题间空一格且要放在插图下方居中处。时间安排：

2013年2月25日布置课程设计任务；讲述设计目的、内容、时间安排及本次课程设计的要求查阅资料，学生进行分析及总体设计，

理清设计思路；

2013年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()；复制到网格

二．设计思路

游戏规则：当在某个小图片上按下鼠标左键不松开鼠标进行拖动时，该小图片跟随鼠标移动，当松开鼠标时，如果是小图片的最后位置。该小图片就停留在正确位置，否则回到原来位置。

三．制作步骤：

1．使用Photoshop进行图片处理

1）打开Adobo Photoshop CS;

2）使用“文件”菜单的“打开”命令打开准备好的图片“光头强”。

3）使用“视图”菜单的“显示”的“网格”命令”，显示出网格。

4）使用切片工具将图像等分为12份。

5）使用“文件”菜单的“存储为Web所用格式”命令，单击“存储”

按钮后，选择保存位置，保存即可。

6）关闭Adobo Photoshop CS。

2.使用Flash 8制作拼图游戏

1）打开Flash 8，新建一个“fla sh 文档”。

2）设置文档大小。

3）使用“文件”菜单的“导入”下的“打入到库”命令，将桌面上的“images”文件夹中所有图片导入到库中。

4）从库中将“1”拖入舞台中，按F8键将它转换为元件，名称为tu1,类型为影片剪辑。确定。

5）重复上一步操作，把“2”转换为tu2,”3”转换为tu3,….“12”转换为“tu12”.

6)将舞台中的12个影片剪辑打乱次序后排列。

7）将图层1命名为“图形”，并锁定。

8）在库面板中，右击tu1，选择“直接复制”，在弹出的“直接复制元件”对话框中，命名为bt,类型为按钮，确定。这时就有一个按钮元件bt。

9）双击bt按钮图标，进行按钮的编辑：在在弹起帧的内容全选后，使用“修改”菜单的“分离”命令（或按ctrl+B）把图片打散，使用墨水瓶工具给它添加黑色边框。在点击帧插入关键帧。在谈起帧将填充删除，只留边框。

10）返回场景1.先建一图层，将该图片拖到“图形”层下面。

11）将按钮bt拖入舞台中，选择该按钮，执行“插入”菜单的“时间轴特效”的“帮助”下的“复制到网格”命令，在网格尺寸的行数和列数中填入3和4，在网格间距的行数和列数都填入0像素，单击确定。

12）出现一个“复制到网格”的影片剪辑，将其分离（ctrl+B），在属性面板将分离后的元件的实例类型（默认为图形）都转换为“按钮”。并按先行后列的顺序起名为bt1,…bt12.将该图命名为“按钮”并锁定。

13）新建一图层，命名为“参考层”，将该图层拖到“按钮”层的下面。

14）将“光头强图片”文件导入库，将之拖入“参考层”，转换为元件。