《用flash制作拼图游戏图解.docVIP

用flash+photoshop+Av Bros.puzzle2.0滤镜轻松制作拼图游戏 作者：王炳杰 素材：来自互联网 日期：2012/8/14 素材制作: 先下载一张图片，打开Photoshop，在文件中打开图片，在滤镜菜单中点AV Rros.→AV Bros.puzzle Pro2.0(注：这是一个拼图滤镜，需要下载和安装AV Bros.puzzle Pro2.0) 在滤镜中设置好拼图样式，行、列数，点“Cut”确定。 （3）全选分割后图片（用鼠标或在菜单上Select→Select All）,在MAIN中选Save Selected Pieces As PSD……，保存成PSD文件，命名后保存，点APPLY关闭滤镜。在Photoshop中关闭原始图片，不用保存，然后打开刚才保存的图片，图片已经分层显示了。 （4）选择移动工具，将“自动选择图层”打上对号，图片就可以自由选择了。 （5）要保存某一层图片（注意最好按顺序保存），先点击图片，就选中了图片所在的层，用右键击图片缩览图，单击“选择图层透明度”该图片就就选中了，复制（Ctrl+C）,新建一个Photoshop文件，粘贴（Ctrl+V）,保存为*.png文件，保存时注意，要选择好是透明的。这样把各层图片一个个保存成透明的文件（图片1，图片2，……） 游戏制作 打开Flash8.0，新建一个文件，大小、背景默认（白色、550×400），如图建立五个图层，并命名：背景、按钮、图片1、图片2、AS，背景层如图的两个矩形，和一个青绿填充矩形，按钮层放了五个按钮：初级、中级、高级、原图、刷新，一个影片剪辑提示框和游戏名《美女拼图》.五个按钮分别命名：cj_btn ,zj_btn, gj_btn ,yt_btn, cw_btn, 影片剪辑提示框命名：xz_mc. （2）在图片1层，把用Photoshop制作的图片导入到舞台上左边红色矩形框中，并按如图顺序排列好，然后将每个图片转化为影片剪辑（修改→转换为元件→影片剪辑，命名为t1,t2,……），再将每个影片剪辑命名（属性→名称分别为：tu1,tu2,……） （3）选中图片1层所有图片复制，粘贴到图片2层，重新命名为：mc1,mc2,……，然后打乱顺序，放到右边矩形框中，如图。（注意：一定要先命名完了再打乱） （4）在AS层写入以下代码：var dj = 1; var pices = 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); } function td(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=new Sound() s.attachSound(ok); s.start(); } } if (dj == 2) { if (this._x=(tu_mc._x+20) and this._x=(tu_mc._x-20) and this._y=(tu_mc._y+20) and this._y=(tu_mc._y-20)) { this._x = tu_mc._x; this._y = tu_mc._y; s=new Sound() s.attachSound(ok1) s.start() } } if (dj == 3) { if (this._x=(tu_mc._x+6) and this._x=(tu_mc._x-6) and this._y=(tu_mc._y+6) and this._y=(tu_mc._y-6)) { this._x = tu_mc._x; this._y = tu_mc._y; s=new Sound() s.attachSound(ok) s.start() } } var finish_num = 0; for (m=1; m=pices; m++) { if (_root[mc