Cocos Creator学习六：加载/释放图片资源

1.目的：学习加载图片资源、使用图片资源创建对象以及释放图片资源。

 

2.注意事项以及主要函数：

①注意事项：使用loadRes函数，资源必须放置在assets下的resources文件夹下(默认没有resources文件夹，需要自己创建；不只是图片，所有的资源都应该放置在resources文件夹或者子文件夹下)。

②加载资源函数：cc.loader.loadRes(无后缀文件路径，文件类型，回调函数)。需要注意的是，该函数为异步加载函数。

③释放资源函数：cc.loader.releaseRes(无后缀文件路径，文件类型）。

 

3.加载图片并使用图片资源创建对象：

        cc.loader.loadRes("imgs/star", cc.SpriteFrame, (err, res) => {
            //加载错误则报错
            if (err) {
                console.error(err);
                return;
            }

            //创建一个使用图片资源的新节点对象
            let starNode = new cc.Node(); //创建一个新节点
            starNode.name = "star1";
            starNode.setPosition(this.w / 2 + Math.random()*100, this.h / 2 + Math.random()*100); //创建随机的位置
            let starSprite = starNode.addComponent(cc.Sprite); //增加精灵组件
            starSprite.spriteFrame = res; //设置精灵组件图片资源
            cc.director.getScene().addChild(starNode); //场景中增加新节点
        });

4.释放图片资源(一般在场景切换中进行)

cc.loader.releaseRes("imgs/star", cc.SpriteFrame); //图片资源释放

 

PS：

1.测试环境v2.0.5+win10

2.测试代码下载地址：https://files-cdn.cnblogs.com/files/chevin/CocosCreatorBlog06.zip

以上。

 

《Cocos Creator学习目录》