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

第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软件，说实话对该软件已有些生疏了，但是通过