登 录
不做不知道，连连看原来如此简单四个as类加一张图片
Main.as文件
package LianLian.Mains {</p> <p> import flash.display.Sprite;<br /> import flash.display.Shape;<br /> import flash.display.Bitmap;<br /> import flash.display.BitmapData;<br /> import flash.display.Loader;<br /> import flash.net.URLRequest;<br /> import flash.geom.Matrix;<br /> import flash.geom.Rectangle;<br /> import flash.events.Event;</p> <p> import LianLian.Box.ImageBox;<br /> import LianLian.Image.ImageCtrl;<br /> public class Main extends Sprite{</p> <p> //声明Bitmap<br /> private var _image:Bitmap;<br /> //图片载入器<br /> private var _pic_loader:Loader;<br /> //图片数组<br /> public var _imageArr:Array;<br /> public var _mapLeng:int;<br /> //数据数组<br /> public var _mapArr:Array;<br /> //小块数组<br /> public var _boxArr:Array;<br /> //小块<br /> private var _box:ImageBox;<br /> //点击图片数组<br /> public var _clickArr:Array;<br /> //线数组<br /> public var _lineArr:Array;<br /> //底层Sprite<br /> private var _spriteImage:Sprite;<br /> //线Sprite<br /> private var _spriteLine:Sprite;<br /> //搜索类<br /> private var _query:QueryRoad;<br /> //画线时间控制<br /> private var _lineCtrl:int;<br /> //画线笔刷<br /> private var _shapes:Shape;<br /> /**<br /> *Main类<br /> *构造器<br /> */<br /> public function Main() {<br /> //初始化各个数据</p> <p> //添加底层画板和线画板<br /> _spriteImage = new Sprite();<br /> _spriteLine = new Sprite();<br /> addChild(_spriteImage);<br /> addChild(_spriteLine);<br /> _clickArr = new Array();<br /> _mapArr = new Array();<br /> _boxArr = new Array();<br /> _lineArr = new Array();<br /> _query = new QueryRoad(this);<br /> //设置数组长度<br /> _mapLeng = 8;</p> <p> //载入外部图片<br /> _pic_loader = new Loader();<br /> _pic_loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onLoadImage);<br /> _pic_loader.load(new URLRequest("image.jpg"));<br /> }<br /> /**<br /> *载入外部图片完毕<br /> */<br /> private function onLoadImage(event:Event):void {<br /> _pic_loader.contentLoaderInfo.removeEventListener(Event.COMPLETE, onLoadImage);<br /> _image = Bitmap(_pic_loader.content);<br /> //拆分图片<br /> _imageArr = ImageCtrl.divide(_image,15,1);<br /> //随机数组生成与显示<br /> setMapArr(_mapLeng);<br /> }<br /> /**<br /> *连接判断<br /> *返回值:无<br /> */<br /> public function checkClick():void{<br /> //点击图片数小于2的时候，无处理<br /> if(_clickArr.length < 2){<br /> return;<br /> }<br /> //开始检索判断<br /> //判断两个图片是否相同<br /> if(_clickArr[0]._index != _clickArr[1]._index){<br /> //如果两个图片无法消去<br /> _clickArr[0].alpha = 1;<br /> _clickArr.splice(0,1);<br /> return;<br /> }<br /> //进行搜索<br /> _query.queryCheck();</p> <p> //如果两个图片可以消去<br /> if(_lineArr.length > 0){<br /> _lineCtrl = 0;<br /> this.addEventListener(Event.ENTER_FRAME, onFrame);<br /> }else{<br /> //如果两个图片无法消去<br /> _clickArr[0].alpha = 1;<br /> _clickArr.splice(0,1);<br /> }<br /> }<br /> /**<br /> *贞函数<br /> */<br /> private function onFrame(event:Event):void {<br /> //画线<br /> if(_lineCtrl == 0){<br /> _shapes = new Shape();<br /> _shapes.graphics.lineStyle(1, 0xFF0000, 1);<br /> for(var i:int = 0;i<_lineArr.length - 1;i++){<br /> _shapes.graphics.moveTo(_lineArr[i]._point.x*50 + 25,_lineArr[i]._point.y*50 + 25);<br /> _shapes.graphics.lineTo(_lineArr[i + 1]._point.x*50 + 25,_lineArr[i + 1]._point.y*50 + 25);<br /> }<br /> _shapes.graphics.endFill( );<br /> _spriteLine.addChild(_shapes);<br /> }<br /> //清除线，并消去相同图片<br /> if(_lineCtrl >= 5){<br /> this.removeEventListener(Event.ENTER_FRAME, onFrame);<br /> _spriteLine.removeChildAt( 0 );<br /> _clickArr[0].setImageData(0);<br /> _clickArr[1].setImageData(0);<br /> _clickArr.splice(0,_clickArr.length);<br /> _lineArr.splice(0,_lineArr.length);<br /> }<br /> _lineCtrl ++;<br /> }<br /> /**<br /> *数据数组ＧＥＴ<br /> *参数<br /> * 数组长度<br /> *返回值:成对随机数组<br /> */<br /> private function setMapArr(len:int):void{<br /> var arr:Array = new Array();<br /> //得到总图片数<br /> var leng:int = Math.pow(len,2);<br /> var i:int;<br /> var ran_value:int;<br /> //成对生成随机数据<br /> for(i=0;i<leng/2;i++){<br /> ran_value = Math.random()*15 + 1;<br /> arr.push(ran_value);<br /> arr.push(ran_value);<br /> }<br /> getDataArr(len + 2);<br /> //将成对数组乱序抽出，生成数据数组<br /> for(i=0;i<leng;i++){<br /> ran_value = Math.random()*arr.length;<br /> _box = _boxArr[Math.floor(i/len) + 1][i%len + 1];<br /> _box.setImageData(arr[ran_value]);<br /> //删除已经添加的数据<br /> arr.splice(ran_value,1);<br /> }<br /> }<br /> /**<br /> *空数据数组ＧＥＴ<br /> *参数<br /> * 数组长度<br /> *返回值:空数据数组<br /> */<br /> private function getDataArr(len:int):void{<br /> var i:int;<br /> var j:int;<br /> var arr:Array;<br /> for(i=0;i<len;i++){<br /> arr = new Array();<br /> for(j=0;j<len;j++){<br /> _box = new ImageBox(j,i,this);<br /> _box.x = j*50;<br /> _box.y = i*50;<br /> _spriteImage.addChild(_box);<br /> arr.push(_box);<br /> }<br /> _boxArr.push(arr);<br /> }</p> <p> }<br /> }</p> <p>}<br />
ImageCtrl.as文件
package LianLian.Image{<br /> import flash.display.Bitmap;<br /> import flash.display.BitmapData;<br /> import flash.geom.Matrix;<br /> import flash.geom.Rectangle;<br /> import flash.geom.Point;<br /> public class ImageCtrl {<br /> public function ImageCtrl() {<br /> }<br /> /*<br /> 图片拆分<br /> *参数<br /> source:原图片，row:图片列数，col:图片行数<br /> *返回值:载入小图片的数组<br /> */<br /> public static function divide(source:Bitmap,row:int,col:int,total:* = null):Array {<br /> //计算出每个小位图对象的宽度<br /> var w:uint=source.width/row;<br /> //计算出每个小位图对象的高度<br /> var h:uint=source.height/col;<br /> //计算有效位图总数<br /> total=total==null?col*row:total;<br /> //定义结果数组<br /> var result:Array= new Array();<br /> //定义矩阵<br /> var matrix:Matrix = new Matrix();<br /> //定义矩形<br /> var rect:Rectangle=new Rectangle(0,0,w,h);<br /> out:for (var j:int = 0; j < col; j++) {<br /> var tempArr:Array = new Array();<br /> for (var i:int = 0; i < row; i++) {<br /> if (total<=0) {<br /> break out;<br /> }<br /> //新建小位图对象<br /> var bmp:BitmapData=new BitmapData(w,h,true,0x00000000);<br /> //定义矩阵的焦点<br /> matrix.tx=- i*w;<br /> matrix.ty=- j*h;<br /> //将矩阵内的数据按定义好的矩形大小和相应位置,画出小位图对象像素<br /> bmp.draw(source,matrix,null,null,rect,true);<br /> tempArr.push(bmp);<br /> total--;<br /> }<br /> result.push(tempArr);<br /> }<br /> return result;<br /> }</p> <p> }<br /> }
ImageBox.as文件package LianLian.Box {<br /> import flash.display.Bitmap;<br /> import flash.display.Sprite;<br /> import flash.events.MouseEvent;<br /> import flash.geom.Point;<br /> import LianLian.Mains.Main;<br /> public class ImageBox extends Sprite{<br /> //声明Bitmap<br /> private var _image:Bitmap;<br /> //値<br /> public var _index:int;<br /> //位置<br /> public var _point:Point;<br /> //main类<br /> private var _main:Main;<br /> public function ImageBox(pointx:int,pointy:int,main:Main) {<br /> _main = main;<br /> //小块位置<br /> _point = new Point(pointx,pointy);<br /> //值设为空<br /> _index = 0;<br /> _image = new Bitmap(null);<br /> //添加显示<br /> this.addChild(_image);<br /> //添加点击事件<br /> this.addEventListener(MouseEvent.CLICK, onClick);<br /> }</p> <p> /**<br /> *设置图片<br /> *参数<br /> * 值<br /> *返回值:无<br /> */<br /> public function setImageData(index:int):void{<br /> _index = index;<br /> if(index == 0){<br /> _image.bitmapData = null;<br /> this.buttonMode = false;<br /> }else{<br /> _image.bitmapData = _main._imageArr[0][index - 1];<br /> this.buttonMode = true;<br /> }<br /> }</p> <p> /**<br /> *点击事件<br /> */<br /> private function onClick(event:MouseEvent):void{<br /> if(_main._clickArr.length >= 2){<br /> return;<br /> }else{<br /> //二次点击禁止<br /> if(this.alpha < 1){<br /> return;<br /> }<br /> //点击后设置透明度为0.5<br /> this.alpha = 0.5;<br /> _main._clickArr.push(this);<br /> //相同判断开始<br /> _main.checkClick();<br /> }<br /> }</p> <p> }</p> <p>}<br />
QueryRoad.as文件
package LianLian.Mains {</p> <p> public class QueryRoad {<br /> private var _main:Main;<br /> public function QueryRoad(main:Main) {<br /> _main = main;<br /> }<br /> public function queryCheck():void{<br /> var checkResult:Boolean = false;<br /> var x1:int = _main._clickArr[0]._point.x;<br /> var y1:int = _main._clickArr[0]._point.y;<br /> var x2:int = _main._clickArr[1]._point.x;<br /> var y2:int = _main._clickArr[1]._point.y;<br /> //逐步进行检查,如果两个图片可以相连,则将画线需要经过的折点存入_lineArr数组，准备画线</p> <p> //横向检查<br /> checkResult = checkRow(x1,y1,x2,y2);<br /> if(checkResult){<br /> _main._lineArr.push(_main._clickArr[0]);<br /> _main._lineArr.push(_main._clickArr[1]);<br /> return;<br /> }<br /> //纵向检查<br /> checkResult = checkCol(x1,y1,x2,y2);<br /> if(checkResult){<br /> _main._lineArr.push(_main._clickArr[0]);<br /> _main._lineArr.push(_main._clickArr[1]);<br /> return;<br /> }<br /> //一次折线检查<br /> checkResult = checkOnce(x1,y1,x2,y2);<br /> if(checkResult){<br /> _main._lineArr.unshift(_main._clickArr[0]);<br /> _main._lineArr.push(_main._clickArr[1]);<br /> return;<br /> }<br /> //二次折线检查横向检测<br /> checkResult = checkTwiceRow(x1,y1,x2,y2);<br /> if(checkResult){<br /> _main._lineArr.unshift(_main._clickArr[0]);<br /> _main._lineArr.push(_main._clickArr[1]);<br /> return;<br /> }<br /> //二次折线检查纵向检测<br /> checkResult = checkTwiceCol(x1,y1,x2,y2);<br /> if(checkResult){<br /> _main._lineArr.unshift(_main._clickArr[0]);<br /> _main._lineArr.push(_main._clickArr[1]);<br /> return;<br /> }<br /> }<br /> /**<br /> * 二次折线检查横向检测<br /> *判断四种情况,<br /> *1表示点击图片,0表示检索路径,3表示其他图片<br /> *一<br /> *0000<br /> *0330<br /> *1331<br /> *二<br /> *1331<br /> *0330<br /> *0000<br /> *三<br /> *1333<br /> *0333<br /> *0000<br /> *3330<br /> *3331<br /> *四<br /> *3331<br /> *3330<br /> *0000<br /> *0333<br /> *1333<br /> */<br /> private function checkTwiceRow(x1:int,y1:int,x2:int,y2:int):Boolean<br /> {<br /> var checkResult:Boolean;<br /> for(var i:int = 0;i<_main._mapLeng + 2;i++){<br /> if(x1<=x2){<br /> if(checkRow(x1-1,i,x2 + 1,i)){<br /> if(checkCol(x1,y1,x1,i)&&checkCol(x2,y2,x2,i)){<br /> checkResult = true;<br /> _main._lineArr.push(_main._boxArr[i][x1]);<br /> _main._lineArr.push(_main._boxArr[i][x2]);<br /> break;<br /> }<br /> }<br /> }else{<br /> if(checkRow(x2-1,i,x1 + 1,i)){<br /> if(checkCol(x1,y1,x1,i)&&checkCol(x2,y2,x2,i)){<br /> checkResult = true;<br /> _main._lineArr.push(_main._boxArr[i][x1]);<br /> _main._lineArr.push(_main._boxArr[i][x2]);<br /> break;<br /> }<br /> }<br /> }<br /> }<br /> return checkResult;<br /> }<br /> /**<br /> * 二次折线检查纵向检测<br /> *判断四种情况,<br /> *1表示点击图片,0表示检索路径,3表示其他图片<br /> *一<br /> *1000<br /> *3330<br /> *1000<br /> *二<br /> *0001<br /> *0333<br /> *0001<br /> *三<br /> *10033<br /> *33033<br /> *33033<br /> *33033<br /> *33001<br /> *四<br /> *33001<br /> *33033<br /> *33033<br /> *33033<br /> *10033<br /> */<br /> private function checkTwiceCol(x1:int,y1:int,x2:int,y2:int):Boolean<br /> {<br /> var checkResult:Boolean;<br /> for(var i:int = 0;i<_main._mapLeng + 2;i++){<br /> if(y1<y2){<br /> if(checkCol(i,y1-1,i,y2 + 1)){<br /> if(checkRow(x1,y1,i,y1)&&checkRow(x2,y2,i,y2)){<br /> checkResult = true;<br /> _main._lineArr.push(_main._boxArr[y1][i]);<br /> _main._lineArr.push(_main._boxArr[y2][i]);<br /> break;<br /> }<br /> }<br /> }else{<br /> if(checkCol(i,y2-1,i,y1 + 1)){<br /> if(checkRow(x1,y1,i,y1)&&checkRow(x2,y2,i,y2)){<br /> checkResult = true;<br /> _main._lineArr.push(_main._boxArr[y1][i]);<br /> _main._lineArr.push(_main._boxArr[y2][i]);<br /> break;<br /> }<br /> }<br /> }<br /> }<br /> return checkResult;<br /> }<br /> /**<br /> * 一次折线检查<br /> *判断四种情况,<br /> *1表示点击图片,0表示检索路径,3表示其他图片<br /> *一<br /> *1000<br /> *3330<br /> *3331<br /> *二<br /> *0001<br /> *0333<br /> *1333<br /> *三<br /> *1333<br /> *0333<br /> *0001<br /> *四<br /> *3331<br /> *3330<br /> *1000<br /> */<br /> private function checkOnce(x1:int,y1:int,x2:int,y2:int):Boolean<br /> {<br /> var checkResult:Boolean;<br /> if(x1<x2)<br /> {<br /> checkResult = checkRow(x1,y1,x2+1,y1)&&checkCol(x2,y1,x2,y2);<br /> if(checkResult){<br /> _main._lineArr.push(_main._boxArr[y1][x2]);<br /> }else{<br /> checkResult = checkRow(x1 - 1,y2,x2,y2)&&checkCol(x1,y1,x1,y2);<br /> if(checkResult){<br /> _main._lineArr.push(_main._boxArr[y2][x1]);<br /> }<br /> }<br /> }else{<br /> checkResult = checkRow(x1,y2,x1,y1)&&checkCol(x1 + 1,y2,x2,y2);<br /> if(checkResult){<br /> _main._lineArr.push(_main._boxArr[y2][x1]);<br /> }else{<br /> checkResult = checkRow(x2 - 1,y1,x1,y1)&&checkCol(x2,y2,x2,y1);<br /> if(checkResult){<br /> _main._lineArr.push(_main._boxArr[y1][x2]);<br /> }<br /> }<br /> }<br /> return checkResult;<br /> }</p> <p> /**<br /> * 横向检查<br /> *这个简单，只需要判断两个图片中间是否有其他图片即可<br /> */<br /> private function checkRow(x1:int,y1:int,x2:int,y2:int):Boolean{<br /> var checkResult:Boolean = true;<br /> var i :int;<br /> if(y1 != y2){<br /> return false;<br /> }else if(Math.abs(x1 - x2) == 1){<br /> return true;<br /> }<br /> for(i = Math.min(x1,x2) +1;i<Math.max(x1,x2);i++)<br /> {<br /> if(_main._boxArr[y1][i]._index==0){<br /> checkResult = true;<br /> } else{<br /> checkResult = false;<br /> break;<br /> }<br /> }</p> <p> return checkResult;<br /> }</p> <p> /**<br /> * 纵向检查<br /> *这个简单，只需要判断两个图片中间是否有其他图片即可<br /> */<br /> private function checkCol(x1:int,y1:int,x2:int,y2:int):Boolean{<br /> var checkResult:Boolean = true;<br /> var i : int;<br /> if(x1 != x2){<br /> return false;<br /> }else if(Math.abs(y1 - y2) == 1){<br /> return true;<br /> }<br /> for(i = Math.min(y1,y2) +1;i<Math.max(y1,y2);i++)<br /> {<br /> if(_main._boxArr[i][x1]._index==0){<br /> checkResult = true;<br /> } else{<br /> checkResult = false;<br /> break;<br /> }<br /> }</p> <p> return checkResult;<br /> }<br /> }</p> <p>}<br />
演示路径http://lufy.hp2.jp/sample/lianlian/
抱歉!评论已关闭.