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

最新推荐文章于 2024-09-27 23:00:00 发布

原创最新推荐文章于 2024-09-27 23:00:00 发布 · 3.9k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

cocos2d-js 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种在游戏中实现图片加载及切割的方法。通过使用cc.url.raw和cc.textureCache.addImage进行图片资源的加载，并利用cc.SpriteFrame进行图片切割。此外，还详细描述了如何随机打乱切割后的图片位置。

本地图片加载

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