给大做一个拼图小游戏的教程VIP免费

给大做一个拼图小游戏的教程，有兴趣的朋友可以把MM的照片做成拼图，来搏MM一笑。我们要做的拼图就是把一张大图片分成几个小图片，然后把小图片拼成原来的大图片。以前在这里发过一个拼图，是很早以前用FLASH5.0做的由于原文件找不到了，就重新用FLASHMX做一个，拼图的样式和以前的差不多，就是少做了几张小图片，里面用的方法和程序和以前的有所不同。我们要用两种方法来做，一种是先把小图片按顺序先排好（这样看着整齐简单一些），另一种是让小图片随机排列。话不多说了，现在开始：1、打开FLASHMX，新建一个影片剪辑（插入/新建元件/影片剪辑），然后在这个影片剪辑中导入一张图片（文件/导入/要导入的文件名）。2、图片导入后进行打散（修改/分解组件或CTRL+B），然后把它放到一个新的影片剪辑中，并调整图片的大小，在放入新的影片剪辑时要注意图片的中心位置要对准原点。3、把刚才新影片剪辑里的图片进行切割，切割后的小图片就是你要进行拼图的小图片。在切割时可以先用直线或铅笔工具做好要切割成的外形，这样可以方便的做任何形状。4、将切割好的小图片一片片放入新的影片剪辑内。放入时要使小图片的位置和大图片中小图片的位置相一至，在大图片分割块里使用编辑/拷贝，在新建的剪辑里使用编辑/粘贴到当前位置。把元件的名称统一以“m_p“开头后里跟小图片的顺序，也就是m_p1,m_p2等等。然后设定与元件名称相同的链接ID（在库里面单击鼠标右键/连接/导出为动作脚本）这样做是因为小图片随机排列时要从库里复制。好了，以上的小图片就全部做完了，下面开始做主场景了。在做动画之前先来做个loading,这里做的是一个非常简单的。一共六帧，三个图层。图层一、放入一个动态文本，在ar：连接为baifenbi，就是让这个动态文本显示baifenbi的内容。图层二、放入进度条，制作进度条时，线框里面的进度条（也就是变大的那个条）要用一个影片剪辑（名为jindutiao_mc)，然后在进度条的上方写上请稍后……就行了。在制作影片剪辑时，如果想让进度条从左向右长，就要把左端放在中心点上。如果把进度条的中间放在中心点上就会从中间向两边长。图层一（百分比）、图层二（进度条），的第一帧为空帧，第二帧为是关键帧，里面的内容是从第二帧到第五帧。图层三是程序，1帧：play();2帧：byt=int((_root.getBytesTotal())/1000);down=int((_root.getBytesLoaded())/1000);shuju=int((down/byt)*100);baifenbi=shuju+“%“;_root.jindutiao_mc._xscale=shuju;5帧：if(shuju==100){gotoAndPlay(5);}else{gotoAndPlay(2);}这样，一个简单的loading就完成了。接下来是游戏名称和图片预览。第四层是背景从第六帧开始，用张图片来做整个游戏的背景，可以使游戏美观一些。第五层是游戏名称（这里是6~25帧）第六层是图片的预览（这里是25~50）游戏名称和图片预览这里是用的渐现效果，你也可根据自己的需要来增减帧数，改变效果。下面就是游戏的制作关键了，先做的是顺序排列，也就是先把小图片排好，这样游戏简单整齐一些，但每回小图片的位置都一样。新建一影片剪辑（图框），把拼图的大图片放入，然后把它做成一个框（可把图片改变颜色），我们的目的是把小图片拼到这个框里来完成拼图。新建一图层，也就是第七层，把图框放入第51帧也就是接着图片预览后的第一个帧影片剪辑名称frame_mc。建第八层，也是第51帧处把各个小图片放入适当的位置，不要档住图框（小图片和图框的位置可以随便安排）小图片的名为p1_mc~p12_mc这里共十二个小图片按顺序起名。第九层是计时器，就是控制游戏时间的。里面由一个动态文本和一个类似于进度条的显示时间长短的影片剪辑组成。动态文本ar：remnant,影片剪辑名为time_mc。第十层为主程序：第51帧：varcenter_x=frame_mc._x;varcenter_y=frame_mc._y;varpiece_num=12;varfinish=0;第52帧：p1_mc.onPress=function(){this.startDrag(false);};p1_mc.onRelease=function(){this.stopDrag();dx=this._x-center_X;dy=this._y-center_Y;d=Math.sqrt(dx*dx+dy*dy);if(d<10){finish++;this._x=center_x;this._y=center_y;this.onPress=undefined;this.onRelease=undefined;if...