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