
小形拼图游戏是游戏制作者的入门课程,读者将在本例中学习如何在Flash中制作简单的拼图游戏。
首先,让我们来构思一下游戏的大致样子:画面上散落着N多块碎图片,透过这些碎图片我们可以隐约看到后面的一块方形的区域,然后在屏幕的右边赫然写着几个大字——简易拼图游戏。
OK,构思完毕,下面我们就开做吧。
一、制作图块
1.拼图拼图,没图怎么做拼图呢?所以,我们得先找张图片过来,并将其导入到Flash中。
选择File>Import,导入要做为拼图素材的图片。
2.选中刚刚导入的图片,选择Modify>Transform>Scale,将图片的大小重新进行调整。
3.调整完图片大小后,按Ctrl+B将其打散。
4.选择直线工具,在图片上画个十字,将图片分为四块。因为本例只是要介绍制作拼图的原理,所以这里就只做四个图块。
我们现实中常见的那种贫话愣疾皇楞楞的,所以我们接下来再对四个边进行点处理。
5.按Ctrl+Alt+Shift+R,显示标尺,然后从标尺上拉出枷叻直鸶教蹒线重合。
6.按Ctrl+Alt+;锁定引导线。接着按住Ctrl键然后用鼠标在四条黑线边界的中间拉出一个拐点?
7.再次按住Ctrl键将突起的两端拉回,形成一个小三角(如图1)。
图18.使用鼠标将小三角变形成小圆弧(如图2)。
图2
9.单击选中左上角的那块图片,按F8弹出元件属性对话框。在Name中输入g1,然后将Behavior选为Graphic,单击OK后将所选图片转化为图形元件g1。
同样地,将剩下的另外三块图片使用同样的方法分别转化为图形元件g2、g3、g4。然后将刚才用来分割图片的黑线删除。
10.选中g1、g2、g3、g4四个元件,按Ctrl+C拷贝一份。
11.按Ctrl+V将刚才复制的元件粘贴上来
12.单击选中g1,按F8弹出元件属性对话框。在Name中输入b将Behavior选为Butt; //底板上相应的图块
if(_droptarget == obj){ //判断释放的图块是否在相应的底板图块上。
//如果是在相应的底板图块上就将
//释放的图块与其对齐,形成一种自动
//吸附的效果。
setProperty("",_x,getProperty(obj,_x));
setProperty("",_y,getProperty(obj,_y));
}
}
2.双击“图块”层上的m2实例,选中里面的b2元件。打开对象动作面板,输入上面的那段代码,并将其中的obj=”/d1”;改为obj=”/d2”;。
同样的,对于剩下的m3、m4实例,只要将那句obj=”/d1”;改为相应的obj=”/d3”;和obj=”/d4”;即可。
最后,将图块打打散,整个游戏就OK了(如图4)。
图4
选择5ucms.org 选择未来