cocos2d-js 加载本地图片 切割图片 并打乱

本地图片加载

var url = cc.url.raw('resources/big.png');
        var texture = cc.textureCache.addImage(url);
        self.showSprite.spriteFrame = new cc.SpriteFrame(texture)

切割图片打乱

    self.smallItems =  new Array();
        for (var i = 0 ; i < total; i++) {


            var hang = Math.floor(i / self.nn);
            var lie = i % self.nn;
            var  hangP = Math.floor(array[i] / self.nn) ;
            var lieP = array[i] % self.nn;
            var smallNode = cc.instantiate(self.smallPrefab);
            var smallSprite = smallNode.addComponent(cc.Sprite);
            smallNode.getComponent('smallItem').init(i,array[i],self);
               //随机生成的是位置 i 是本来的位置 array[i] 是现在的位置;
                //切割图片
            smallSprite.spriteFrame = new cc.SpriteFrame(texture, cc.rect(lie * img_w + 4, hang * img_w + 4, img_w, img_w));
                //打乱 给位置
            smallNode.position = cc.p(-260 + lieP*(img_w +4)+ img_w/2 , 260 - hangP*(img_w+4) - img_w/2);
            smallNode.index = i;
            //添加到父节点上
            smallNode.parent = self.pinNode;
            self.smallItems[array[i]] = smallNode;
            if (array[i] == i){//如果刚好随机到自己应该在的位置;
                    self.currentSuccess ++ ;
            }
        }