(精品word)用flash制作拼图游戏图解.doc

(精品word)用flash制作拼图游戏图解
(精品word)用flash制作拼图游戏图解
(精品word)用flash制作拼图游戏图解
用flash8.0+MacromediaFireworks8轻松制作拼图游戏
作者：王维钧素材：自己制作日期:2016/6/4
素材制作:
先找一张图片，打开MacromediaFireworks8,文件/导入,将图片导入进来，
并在工具菜单中点“切片"工具

（3）、将图片切割成12块，每块80×80，并把他们保存在一个文件夹里.

游戏制作
打开Flash8。0，新建一个文件，大小、背景默认（白色、550×400），如图建立五个图层，并命名：背景、按钮、图片1、图片2、AS，背景层如图的两个矩形，和一个青绿填充矩形，按钮层放了五个按钮：初级、中级、高级、原图、刷新，一个影片剪辑提示框和游戏名《美女拼图》.五个按钮分别命名：cj_btn，zj_btn,gj_btn,yt_btn，cw_btn，影片剪辑提示框命名：xz_mc。

给初级按钮名cj_btn

(2)在图片1层，把用Photoshop制作的图片导入到舞台上左边红色矩形框中,并按如图顺序排列好，然后将每个图片转化为影片剪辑(修改→转换为元件→影片剪辑，命名为t1，t2,……），再将每个影片剪辑命名(属性→名称分别为：tu1，tu2,……）
要选中影片剪辑
点击图片后，点此，转换为元件
这是给影片剪辑命名地方

(3)选中图片1层所有图片复制，粘贴到图片2层，重新命名为：mc1，mc2，……，然后打乱顺序，放到右边矩形框中,如图。（注意：一定要先命名完了再打乱）
这是给影片剪辑命名地方

（4)在AS层写入以下代码：vardj=1;
varpices=20；
for（i=1；i<=pices;i++)｛
mymc_mc=this[”mc”+i］;
tumc_mc=this［”tu"+i］;
tumc_mc._visible=false；
td(mymc_mc,tumc_mc)；

}

functiontd（my_mc，tu_mc）{
mymc_mc。onPress=function()｛
this。startDrag（false,25，60，550,400);
｝;
mymc_mc.onRelease=function（）{
stopDrag（）;
if(dj==1）{
if(this。hitTest（tu_mc)){
this._x=tu_mc。_x；
this。_y=tu_mc._y；

s=newSound（）
s。attachSound("ok”);
s.start（）；
}
｝
if(dj==2）｛
if(this。_x〈=(tu_mc._x+20）andthis。_x>=（tu_mc._x—20)andthis。_y〈=（tu_mc._y+20)andthis._y〉=(tu_mc._y-20）){
this._x=tu_mc。_x;
this。_y=tu_mc._y；
s=newSound(）
s。attachSound（"ok1”）
s。start()
}
｝
if（dj==3)｛
if(this。_x〈=（tu_mc._x+6)andthis._x>=(tu_mc._x—6）andthis._y〈=(tu_mc。_y+6)andthis。_y>=(tu_mc。_y-6)）{
this._x=tu_mc。_x;
this._y=tu_mc。_y;
s=newSound（)
s。attachSound("ok”)
s.start（）

}
}
varfinish_num=0;
for（m=1;m<=pices;m++)｛
if(_root["mc”+m]。_x==_root[”tu"+m］._xand_root["mc"+m］._y==_root[”tu"+m]._y)｛
finish_num+=1;
｝
if(finish_num==pices)｛
finish._alpha=100;
finish._x=412
finish。_y=320
s=newSound（）
s.attachSound（"end”)
s.start（）
｝else{
finish._alpha=0;
finish。_x=1980
finish._y=123
}
}
}；
}
cw_btn.onRelease=function（){
finish