Flex应用-一个简单的拼图游戏

  先说说大体思路:

1.首先装在一张图片.

2.用bitmap分割成若干块,放入一个数组.

3.将这个数组随机排序,添加到窗体上.

4,给碎片添加事件监听,让两个随便互换位置.

5当随机数组里的坐标和初始数组里的坐标相同时,拼图完成.

下面是代码：

PageUnit.as

package bitmap { import flash.display.Bitmap; import flash.events.MouseEvent; import mx.core.UIComponent; public class PageUnit extends UIComponent { private var img : Bitmap; public function PageUnit(img : Bitmap) { this.img = img; this.addChild(img); } } }

SampleCopyPixels．as

package bitmap { import flash.display.Bitmap; import flash.display.BitmapData; import flash.display.Loader; import flash.events.Event; import flash.events.MouseEvent; import flash.geom.Point; import flash.geom.Rectangle; import flash.net.URLRequest; import gs.TweenLite; import mx.controls.Alert; import mx.controls.Label; import mx.core.UIComponent; public class SampleCopyPixels extends UIComponent { private var bitmapdata : BitmapData ; private var loader : Loader = new Loader(); private var init_arr : Array;//初始化的数组 private var random_arr : Array;//随即数组 private var flag : Boolean = true; private var f_page : PageUnit; private var sumLabel : Label ; public function SampleCopyPixels() { var url : URLRequest= new URLRequest("bitmap/123.jpg"); loader.load(url); loader.contentLoaderInfo.addEventListener(Event.COMPLETE,onloader); } private function onloader(event : Event):void{ var img : Bitmap = Bitmap(loader.content); img.x = 20; img.y = 20; //this.addChild(img); bitmapdata = BitmapData(img.bitmapData); var w : int = bitmapdata.width; var h : int = bitmapdata.height; var wx : Number = w/4; var wy : Number = h/3; init_arr = new Array(); random_arr = new Array(); for(var i : int=0; i<4; i++){ for(var j :int = 0; j <3;j++){ var bitmapdata2 : BitmapData = new BitmapData(wx,wy); var rect : Rectangle = new Rectangle(wx*i,wy*j,wx,wy); var p : Point = new Point(0,0); bitmapdata2.copyPixels(bitmapdata,rect,p); var img2 : Bitmap = new Bitmap(bitmapdata2); var pageUnit : PageUnit = new PageUnit(img2); //this.addChild(pageUnit); pageUnit.x = (wx+5)*i; pageUnit.y = (wy+5)*j; pageUnit.addEventListener(MouseEvent.CLICK,onclick); var obj : Object = {obj : pageUnit, i_x : pageUnit.x, i_y : pageUnit.y}; init_arr.push(obj); random_arr.push(obj); } } random_arr = randomOrder(random_arr); for(var ii : int = 0; iithis.addChild(random_arr[ii].obj); } sumLabel = new Label(); sumLabel.width = 130; sumLabel.height = 20; sumLabel.x = 200; sumLabel.y = 300; this.addChild(sumLabel); sumLabel.text = "排列正确个数: 0"; sumLabel.addEventListener(MouseEvent.MOUSE_DOWN,function(){sumLabel.startDrag(false);}); sumLabel.addEventListener(MouseEvent.MOUSE_UP,function (){sumLabel.stopDrag();}); } private function onclick(event : MouseEvent) : void{ if(flag){ var o_page : PageUnit = event.target as PageUnit; this.f_page = o_page; this.setChildIndex(o_page,11); o_page.alpha = 0.5; flag = false; }else{ var t_page : PageUnit = event.target as PageUnit; this.setChildIndex(t_page,11); t_page.alpha = 0.5; TweenLite.to(t_page, 1, {alpha:1, x:f_page.x, y:f_page.y, onComplete : onCheck}); TweenLite.to(f_page, 1, {alpha:1, x:t_page.x, y:t_page.y, onComplete : onCheck}); flag = true; } } private function onCheck():void{ var sum : int = 0; for(var jj : int = 0; jj<12; jj++){ if(Math.floor(random_arr[jj].obj.x)==init_arr[jj].i_x && Math.floor(random_arr[jj].obj.y)==init_arr[jj].i_y){ sum++; //Alert.show(jj.toString()); } } this.sumLabel.text = "排列正确个数为:" + sum; if(sum == 12){ Alert.show("全部正确"); } } //随机改变数组的排序 function randomOrder (targetArray : Array) : Array { var arrayLength : Number = targetArray.length // //先创建一个正常顺序的数组 var tempArray1 : Array = [] for (var i = 0; i < arrayLength; i ++) { tempArray1 [i] = i } // //再根据上一个数组创建一个随机乱序的数组 var tempArray2 : Array = [] for (var i = 0; i < arrayLength; i ++) { //从正常顺序数组中随机抽出元素 tempArray2 [i] = tempArray1.splice (Math.floor (Math.random () * tempArray1.length) , 1) } // //最后创建一个临时数组存储 根据上一个乱序的数组从targetArray中取得数据 var tempArray3 : Array = [] for (var i = 0; i < arrayLength; i ++) { tempArray3 [i] = targetArray [tempArray2 [i]] } // //返回最后得出的数组 return tempArray3 } } }