三消游戏中随机排列图片位置,和点击图片消失下落

var GameData ={
    W_NUM:8,
    H_NUM:8,
}


var HelloWorldLayer = cc.Layer.extend({                                                        
    jiehsou: null,
   sp:null,
    arr:null,
    ctor:function(){
        this._super();
        this._init()
        var that = this

        cc.eventManager.addCustomListener("diaoluo",function(event){                 从精灵类中抛出一个自定义事件,传                                                   出他的arrIndex(点击的图标的下标)                                             消失的图片. 将下标传入一个

                                                                                                                                                       下落方法 

            that.jiehsou = event.getUserData()
            cc.log("xiabiaio", that.jiehsou.x,that.jiehsou.y)
            var i = that.jiehsou.x
            for(var j = that.jiehsou.y - 1; j >= 0; j--){
                if(that.arr[i][j] == null)
                continue;                                                                                    
                that.arr[i][j].fallDown()                                                        
                var a = that.arr[i][j].arrIndex
                that.arr[a.x][a.y] = that.arr[i][j]
                that.arr[i][j] = null
            }


        })


    },
    _init:function(){
        this.arr = []
        for(var i =0 ;i<GameData.W_NUM;i++){
          this.arr [i] = []
            for(var j =0 ;j<GameData.H_NUM;j++){
                this.sp = new Cell(i,j)
                this.sp.setPosition(200+(40*i),cc.winSize.height-20-(40*j))
                this.addChild(this.sp)
                this.sp.setArrIndex(i,j)
                this.arr[i][j] = this.sp
            }
        }
},


});


var HelloWorldScene = cc.Scene.extend({
    onEnter:function () {
        this._super();
        var layer = new HelloWorldLayer();
        this.addChild(layer);
    }

});

Cell= cc.Sprite.extend({
    type:0,
    listener1:null,
    i: null,
    j: null,
    arrIndex: null,
    labei: null,
    ctor:function(i , j) {
        this._super();
        this.j = j;
        this._init()
        this._lear()
        this.scheduleUpdate()
        this.arrIndex = {
            x: i,
            y: j,
        }


    },
    update: function (){
        this.labei.setString(this.arrIndex.x+","+this.arrIndex.y,"",10)
    },

//随机生成图片

    _init:function(){
        this.type =parseInt(1+Math.random()*4);
        this.initWithFile("res/pic"+this.type+".png")
    },
    setArrIndex:function(i,j){                 //设置下标
        this.labei =new cc.LabelTTF(i+","+j,"",10)
        this.labei.enableStroke(cc.color(0,0,0,255),1)
        this.labei.setPosition(10,10)
        this.addChild(this.labei)
    },

// 下落方法
    fallDown: function(){
        var move = cc.moveBy(2, 0, -40)
        this.runAction(move)
        this.arrIndex.y++
    },

//点击事件
    _lear:function(){
        var that = this;
         this.listener1 = cc.EventListener.create({
            event: cc.EventListener.TOUCH_ONE_BY_ONE,
            swallowTouches: true,
            onTouchBegan: function (touch, event) {


                var target = event.getCurrentTarget()
                var locationInNode = target.convertToNodeSpace(touch.getLocation());
                var s = target.getContentSize()
                    var rect = cc.rect(0, 0, s.width, s.height)
                    if (cc.rectContainsPoint(rect, locationInNode) ) {
                        that.removeFromParent(true)  //消除点击的块
                        cc.eventManager.dispatchCustomEvent("diaoluo", that.arrIndex)
                    }


            },
            onTouchMoved: function (touch, event) {
            },
            onTouchEnded: function (touch, event) {
            }
        })
        cc.eventManager.addListener(this.listener1, this)
    }




})