Flash拼图游戏制作课程设计报告.doc

目录
第1章 需求分析 1
1.1 引言 1
1.2 课程设计题目 1
1.3 课程设计目的 1
1.4 程序运行环境及开发工具 1
1.5 课程设计任务及要求 1
第2章 概要设计 2
2.1 设计原理及方法 2
第3章 详细设计 3
3.1 第一步： 3
3.2 第二步: 3
3.3 第三步 4
3.4 第四步 5
3.5 第五步 5
3.6 第六步 6
3.7 第七步 7
3.8 第八步 8
3.9 第九步 8
3.10 第十步 9
3.11 第十一步 9
3.12 第十二步 10
3.13 第十三步 10
3.14 第十四步 11
第4章 系统调试与运行结果 13
4.1 系统调试 13
4.2 运行结果 14
第5章 总结与体会 15
参考文献： 15

第1章 需求分析
1.1 引言
FLASH作为一款目前最流行的网络动画制作软件，恐怕不知道的人少之又少。其实FLASH强大的功能不光能让我们轻松制作动画，我们还可以利用它完成一些意想不到的工作。比如说是拼图游戏，在这个领域应用非常广泛！而且可以制作各种丰富有趣的小游戏来，是非常的有趣的！
1.2 课程设计题目
拼图游戏设计
1.3 课程设计目的
本课程的设计的目的是通过实践使同学们经历多媒体应用系统开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的案例，理解并初步掌握常用多媒体软件的使用，利用多媒体计算机等设备进行音频与视频数据的获取和处理、图像处理与图像文件格式转换、超文本超媒体在交互式多媒体软件的应用；通过《多媒体课程设计》实验，使学生能够达到提高多媒体技术的实际开发应用能力，了解系统分析、系统设计、系统实施的主要环节和步骤以及软件文档的制作过程。
1.4 程序运行环境及开发工具
硬件：PC机一台
软件：Windows 7，PhotoshopCS4，Flash8
1.5 课程设计任务及要求
设计“拼图游戏”，游戏是Flash制作中很重要的一部分，主要应用的是flash内嵌的action编程脚本。并在其中配合图形、文字、音乐等于一体。

第2章 概要设计
2.1 设计原理及方法
设计一个拼图游戏，主要是实现将打乱的图案拼合成一张完整的图形。主界面分为两部分：左边上部分是有拼图游戏字样和拼对图片数以及所要拼的完整视图，下部分是十六个方格组成的一个大的正方形，主要是用来将打散的图片拼成与视图一样的一幅图；右边就是放着十六张被打散的小图片。当将右边小图片拖入正确的位置方可放在左边的方格之中，否则图片就会退回原处。当拖入正确的位置是，左边上方的计数器就会显示当前拼对的图片数目。如果十六块图片都拼在正确的位置上了，左边就会出现“你好棒哦！”的字样。

第3章 详细设计
3.1 第一步：
首先找到一幅300*270像素的jpg图片，然后通过PS3将图片切割成16块，并命名为fenge1~fenge16。
3.2 第二步:
建立Flash文件，打开Flash8

新建一个Flash文档
3.3 第三步

选择文件/导入/导入到库，即导入要做为拼图素材的图片。

3.4 第四步

选中刚刚导入的图片，拖入舞台中，按F8键将其转换为元件，名称为pci1，类型为影片剪辑，然后点击确定。

并重复此操作，把16张图片都转为元件。
3.5 第五步
调整完图片大小后，按Ctrl+B将其打散。

3.6 第六步
然后新建一个图层命名为拼图方框图，用来制作4*4的16个方格，按照图片大小画方格，

然后将所做的16个方框复制到拼图图像图层中如图：

3.7 第七步
首先制作一个白色块的元件
然后新建图层，将上面制作的白色块元件复制16个摆成如图状

3.8 第八步
新建一个名为拼图阴影的元件如图：

然后再新建一个图层将上面元件拖入图层。

3.9 第九步
新建一个名为缩略图的图层，将图片DSCF006.jpg拖入如图：

3.10 第十步
新建图层名为文本框，并在图层中做两个空的文本框。

3.11 第十一步
新建一个名为标题的图层，并在图层中建一个文本框在文本框中写入“拼图游戏”如图

3.12 第十二步
建一个名为背景的图层，在图层中制作如图所示的两个背景，并调整位置。

3.13 第十三步
再将编写的代码放入各元件中，首先选中元件然后点击左下方的动作，将代码放入代码编辑器中如图：

3.14 第十四步
编写主要代码为：
onClipEvent (mouseDown){
if(hitTest(_root._xmouse,_root._ymouse,false)){
startDrag("",true); //开始拖动
x=this._x;
y=this._y;
}
}
onClipEvent (mouseUp){
stopDrag();//停止拖动
if(!hitTest(_root.di1)){
this._x=x;
this._y=y;
}else{
this._x=_root.di1._x;
this._y=_root.di1._y;
if(hitTest(_root._xmouse,_root._ymouse,false)){
//如果鼠标指针的坐标位置与当前的影片剪辑实例重叠
_root.k=_root.k+1;
//用变量"k"统计正确拖动图像块的次数
}
}
if(_root.k==16){
_root.txt1="你好棒哦!";
//给输出文本框变量赋值
}
}

第4章 系统调试与运行结果
4.1 系统调试
在将代码放入后对代码进行语法检测

脚本中出现错误，进行调试，然后再检测

4.2 运行结果
运行界面：游戏开始时

完成拼图时：

第5章 总结与体会
通过这一个星期的课程设计，让我对Flash又有了新的认识，感觉其不仅仅是像以前我们学的制作动画效果，而且还可以用于制作各种丰富有趣的小游戏。通过上网查阅资料以及翻看参考书，并且自己亲自制作Flash动画游戏，使我不由自主地集中全部注意力，引起了我的浓厚兴趣，每一点点的小成就都让我感觉到无比的喜悦。虽然时隔一个学期没有使用Flash软件，说实话对该软件已有些生疏了，但是通过查阅资料以及按照网上所说步骤，自己一步一步耐心的作做成之后，感觉相当的有意思，也增强了自己的自信心。同时，自己在做课程设计时相当于重新又学习了一遍Flash，也巩固了自己的知识。在刚开始时，确实是感觉到相当的棘手，对于题目毫无头绪，不知道怎么下手。但是，通过与同学的相互交流，明白了许多，比如说如何制作16个方格和一些代码的意思。在这次设计过程中，体现出自己单独设计动画游戏的能力以及综合运用知识的能力，体会了学以致用、突出自己劳动成果的喜悦心情，从中发现自己平时学习的不足和薄弱环节，从而加以弥补。

参考文献：
[1]《多媒体技术与应用》 薛为民 宋静华 耿瑞平 中国铁道出版社
[2]《Flash动画制作》王志敏 主编华中科技大学出版社
[3]《 中文版Flash 8动画设计非常讲解》朱仁成 王智强 清华大学出版社
[4]《 新概念Flash8教程》张希玲 主编 兵器工业出版社
15