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

时间 2019-11-06

标签 cocos creator 学习加载释放图片资源栏目 Cocos2d-x 繁體版

原文原文链接

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

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

①注意事项：使用loadRes函数，资源必须放置在assets下的resources文件夹下(默认没有resources文件夹，须要本身建立；不仅是图片，全部的资源都应该放置在resources文件夹或者子文件夹下)。异步

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

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

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：this

1.测试环境v2.0.5+win10url

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

以上。

《Cocos Creator学习目录》