如何制作拼图小游戏

在所有的儿童类益智游戏中，拼图游戏最有利于儿童智力开发，它不仅能提高色彩的辨别能力，还能提高儿童的整体和局部的意识，可谓是一举两得，在现实生活中拼图游戏种类繁多，而网络上也是玲琅满目，那么能不能我们自己利用已有的软件可不可以制作一款类似的拼图小游戏呢？答案是肯定的，现在就把制作的步骤跟大家交代一下，仅供参考使用。

首先启动flash cs5，执行文件-新建命令，新建一个基于actionscript2.0，大小设置为500*800，帧频设置为12fps，背景颜色为白色的文件。

执行文件-导入-导入到库命令，将事先准备好的图片导入到库中，然后从库中拖拽到舞台，并重新设置大小为400*300以及调整位置，按ctrl+b组合键将图片打散。

选择工具箱里线条工具，在属性对话框中设置样式为极细线，笔触颜色为黄色，然后在图片将其进行12等分。

分别选择这12块区域，右键单击将他们转化成影片剪辑元件1，名称依次为元件1、元件2......元件12。

执行插入-新建元件命令，新建一个名称为元件13的影片剪辑元件，点击确定后进行编辑区域，在该区域绘制一个大小为400*300的矩形，并修改其alpha为30%，新建图层2，选择工具箱里线条工具将矩形12等分。

依次创建影片剪辑元件14-25，分别在其编辑区域绘制一个大小为100*100的正方形并设置该正方形的alpha为10%。

执行插入-新建元件命令，新建一个名称为a的按钮元件，右键单击“点击”帧从下拉菜单中选择关键帧，接着在编辑区域绘制一个正方形，大小为100*100.

再次执行插入-新建元件命令，新建一个名称为k的影片剪辑元件，并将库中的元件a拖拽到编辑区域，按f9打开动作面板，并输入代码：

on (press)

{

startDrag(_parent, false, 51, 101.25, 455, 700)；

if (_parent._x <= eval("_root.b" + i)._x + 40 && _parent._x >= eval("_root.b" + i)._x - 40 && _parent._y <= eval("_root.b" + i)._y + 40 && _parent._y >= eval("_root.b" + i)._y - 40)

{

_parent._x = eval("_root.b" + i)._x;

_parent._y = eval("_root.b" + i)._y;

}

并进行编译调试。

按ctrl+f8创建一个名称为t的影片剪辑，将库中的图片拖拽到编辑区域，重新设置大小为400*300，按ctrl+b组合键将图片打散。

返回场景1，在时间轴面板中点击创建图层按钮创建一个图层2，接着选择工具箱里矩形工具在编辑区域绘制一个长方形。

创建图层3，将元件t拖拽到舞台中，接着新建图层4，选择工具箱的文本工具输入“预览”，并将库中的元件a拖拽到舞台。按f9打开动作面板输入代码

on (release) {gotoAndStop(2);

}

选择图层4，在第三帧处按f6插入关键帧，并修改“预览”为“重来”，选中元件a打开动作面板输入

on (release) {gotoAndStop(2);

}

在舞台上输入good，在第二帧插入空白关键帧。

新建图层5，选择第二帧按f6插入关键帧，将库中的影片剪辑13拖拽到舞台中，并修改其实例名称为q1.

新建图层6，选择第二帧按f6插入关键帧，将影片剪辑14-25依次拖拽到舞台上修改实例名称为对应的b1-b12，并调整他们的排放位置。

移动图层1的位置至最上端，将第一帧粘贴到第二帧处，在第一帧处插入空白关键帧，分别选择元件1-12修改其对应的实例名称为p1-p12.

进入影片剪辑元件1中新建图层2，将元件k拖拽到编辑区域使其覆盖图层1的内容，剩下的11元件依次这样做。

再次返回场景1，新建图层7，选择前三帧将他们转换成关键帧，选择1、3帧，打开动作面板输入语句脚本stop（）；，选择第2帧输入脚本

stop();

for (i = 1; i <= 12; i++)

{

eval("p" + i)._x = random(100) + 100;

eval("p" + i)._y = random(250) + 90;

}

_root.onEnterFrame = function ()

调试运行。

按ctrl+s进行保存，然后按ctrl+enter组合键进行测试。