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

目录第1章 需求分析11.1 引言11.2 课程设计题目11.3 课程设计目的11.4 程序运行环境及开发工具11.5 课程设计任务及要求1第2章 概要设计22.1 设计原理及方法2第3章 详细设计33.1 第一步：33.2 第二步:33.3 第三步43.4 第四步53.5 第五步53.6 第六步63.7 第七步73.8 第八步83.9 第九步83.10 第十步93.11 第十一步93.12 第十二步103.13 第十三步103.14 第十四步11第4章 系统调试与运行结果134.1 系统调试134.2 运行结果14第5章 总结与体会15参考文献：15第1章 需求分析1.1 引言FLASH作为一款目前最流行的网络动画制作软件，恐怕不知道的人少之又少。其实FLASH强大的功能不光能让我们轻松制作动画，我们还可以利用它完成一些意想不到的工作。比如说是拼图游戏，在这个领域应用非常广泛！而且可以制作各种丰富有趣的小游戏来，是非常的有趣的！1.2 课程设计题目拼图游戏设计1.3 课程设计目的本课程的设计的目的是通过实践使同学们经历多媒体应用系统开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的案例，理解并初步掌握常用多媒体软件的使用，利用多媒体计算机等设备进行音频与视频数据的获取和处理、图像处理与图像文件格式转换、超文本超媒体在交互式多媒体软件的应用；通过多媒体课程设计实验，使学生能够达到提高多媒体技术的实际开发应用能力，了解系统分析、系统设计、系统实施的主要环节和步骤以及软件文档的制作过程。1.4 程序运行环境及开发工具硬件：PC机一台软件：Windows 7，PhotoshopCS4，Flash81.5 课程设计任务及要求设计“拼图游戏”，游戏是Flash制作中很重要的一部分，主要应用的是flash内嵌的action编程脚本。并在其中配合图形、文字、音乐等于一体。第2章 概要设计2.1 设计原理及方法设计一个拼图游戏，主要是实现将打乱的图案拼合成一张完整的图形。主界面分为两部分：左边上部分是有拼图游戏字样和拼对图片数以及所要拼的完整视图，下部分是十六个方格组成的一个大的正方形，主要是用来将打散的图片拼成与视图一样的一幅图；右边就是放着十六张被打散的小图片。当将右边小图片拖入正确的位置方可放在左边的方格之中，否则图片就会退回原处。当拖入正确的位置是，左边上方的计数器就会显示当前拼对的图片数目。如果十六块图片都拼在正确的位置上了，左边就会出现“你好棒哦！”的字样。第3章 详细设计3.1 第一步：首先找到一幅300*270像素的jpg图片，然后通过PS3将图片切割成16块，并命名为fenge1fenge16。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;elsethis._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个方格和一些代码的意思。在这次设计过程中，体现出自己单独设计动画游戏的能力以及综合运用知识的能力，体会了学以致用、突出自己劳动成果的喜悦心情，从中发现自己平时学习