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 } } }