引擎：CocosCreator。 语言： TS
前言：最近一个朋友和我聊天吐槽了一下cocosCreator的资源管理问题并问我有没有好的管理方案和方法，但我认为他并没有真正去尝试做一下而是人云亦云的在叙述给我听~没劲！，所以我花了2小时浏览了一下官方文档和尝试，并给了这位朋友回复；记录下来希望能够抛砖引玉获得大家更优秀的方案。
一、静态资源引用的管理
- 只需要场景勾选为自动释放资源，建议阅读一下官方介绍：
- https://docs.cocos.com/creator/manual/zh/asset-manager/release-manager.html
二、动态资源引用的管理
- 看一下引擎为我们提供的资源释放接口：
根据上面释放接口我们可以梳理成两种方式进行管理：
1、使用第一中方式，引用计数我们自定义，然后自己进行管理增加和减少，当自定义对应的资源的引用计数为0，我们手动调用资源释放接口。（不建议使用，使用比较复杂但是可正常实现资源管理）
2、我们只需要调用addRef增加引用计数，decRef减少引用计数，当引用为0的时候系统自动给我们清理。（推荐使用）
- 如何验证资源是否被释放掉？
//打印内存中所有的资源,可通过uuid去进行查找
cc.assetManager.assets;
//内置bundle的get方式去查找对应资源类型
cc.resources.get('path/name',cc.SpriteFrame);
- 使用内置bundle和资源图集/图片/预制体为案例封装了一下关于资源释放，其他类型资源和其他bundle都差不多，可自行整理(建议：按场景、界面、窗口等单位去释放，而不是当一个小怪物死亡后立马就进行释放，虽然这样也可以)。
//*********************************************************//
//重点说一下这：
//因为内存中只包含一份资源，所以我的思路是：只要资源在内存中，引用计数最大是1;
//if (_asset.refCount <= 1) { _asset.addRef(); } //图片资源refCount+1
//因为图集加载进来给图集addRef()后，图集内所有的图片资源refCount都是1了,然后又对使用到的图集中图片进行addRef();目的是为了防止释放图集的时候把图片同样给释放掉。
//图片我们是进行统一释放管理的。
//释放我们提供了释放所有和释放单个，根据自己的需求进行调用。
//*********************************************************//
export default class AssetManager {
private cachSpriteAtlas: Map<string, cc.SpriteAtlas> = new Map();
private cachSpritFrames: Map<string, cc.SpriteFrame> = new Map();
private cachPrefabs: Map<string, cc.Prefab> = new Map();
//......
//音频、数据、粒子、动画等Map资源容器
/**
* 内置bundle动态管理加载图集资源函数
* @param assetPath 图集路径
* @param assetName 图片名称
* @param assetType 资源类型-图集类型
* @param onComplete 完成回调
*/
public loadByResources_SpriteAtlas(assetPath: string, assetName: string, assetType: typeof cc.Asset, onComplete: (err: Error, asset: cc.Asset) => void) {
let _assetAtlas = <cc.SpriteAtlas>cc.resources.get(assetPath, assetType); //感觉没有什么卵用，可能读取到后会快一下。 留着吧
if (_assetAtlas) {
let _asset = _assetAtlas.getSpriteFrame(assetName);
if (_asset && onComplete) { onComplete(null, _asset); }
if (_asset.refCount <= 1) { _asset.addRef(); } //图片资源refCount+1
if (!this.cachSpritFrames.get(assetName)) { this.cachSpritFrames.set(assetName, _asset); }
}
else {
cc.resources.load(assetPath, assetType, (err: Error, assetAtlas: cc.Asset) => {
if (err) {
console.warn("Error:", err);
return;
}
_assetAtlas = <cc.SpriteAtlas>assetAtlas;
let _asset = _assetAtlas.getSpriteFrame(assetName);
if (_asset && onComplete) { onComplete(err, _asset); }
if (_assetAtlas.refCount == 0) { _assetAtlas.addRef(); } //图集资源refCount+1
if (_asset.refCount <= 1) { _asset.addRef(); } //图片资源refCount+1
if (!this.cachSpriteAtlas.get(assetPath)) { this.cachSpriteAtlas.set(assetPath, _assetAtlas); }
if (!this.cachSpritFrames.get(assetPath + '/' + assetName)) { this.cachSpritFrames.set(assetPath + '/' + assetName, _asset); }
})
}
}
/**
* 内置bundle动态管理加载非图集资源函数
* @param assetPath 资源路径
* @param assetType 资源类型
* @param onComplete 完成回调
*/
public loadByResources(assetPath: string, assetType: typeof cc.Asset, onComplete: (err: Error, asset: cc.Asset) => void) {
let _asset: cc.Asset = cc.resources.get(assetPath, assetType);
if (_asset) {
if (onComplete) {
onComplete(null, _asset);
}
}
else {
cc.resources.load(assetPath, assetType, (err: Error, asset: cc.Asset) => {
if (err) {
console.warn("Error:", err);
return;
}
if (asset.refCount == 0) { asset.addRef(); }
if (onComplete) { onComplete(err, asset); }
if (assetType == cc.SpriteFrame) {
if (!this.cachSpritFrames.get(assetPath)) { this.cachSpritFrames.set(assetPath, <cc.SpriteFrame>asset); }
}
else if (assetType == cc.Prefab) {
if (!this.cachPrefabs.get(assetPath)) { this.cachPrefabs.set(assetPath, <cc.Prefab>asset); }
}
})
}
}
/**
* 释放类型资源
* @param assetType 释放资源类型
* @param path 释放的资源路径名称(默认=null,代表释放当前界面所有动态加载的资源类型)
*/
public releaseByResources(assetType: typeof cc.Asset, path: string = null) {
if (assetType == cc.SpriteAtlas) {
this.releaseTypeAsset(this.cachSpriteAtlas, assetType, path);
}
else if (assetType == cc.SpriteFrame) {
this.releaseTypeAsset(this.cachSpritFrames, assetType, path);
}
else if (assetType == cc.Prefab) {
this.releaseTypeAsset(this.cachPrefabs, assetType, path);
}
}
private releaseTypeAsset(cachAssets: Map<string, cc.Asset>, assetType: typeof cc.Asset, path: string) {
if (path == null) {
cachAssets.forEach((value, key) => {
if (value) {
value.decRef();
}
})
cachAssets.clear();
}
else {
let _key: string = null;
for (const [key, value] of Array.from(cachAssets.entries())) {
if (key == path) {
_key = key;
if (value) { value.decRef();}
break;
}
}
if(_key != null) {
cachAssets.delete(_key);
}
}
}
}
- 因为我不想采用继承的方式去管理，所以记得在其他文件中使用的时候去初始化一下自己。比如：
其他文件.ts
cc.Class NewClass{
private assetManager: AssetManager = null;
onLoad() {
this.assetManager = new AssetManager();
}
start() {
//动态加载预制体
this.assetManager.loadByResources("item", cc.Prefab, (err, asset: cc.Prefab) => {
let tempNode: cc.Node = cc.instantiate(asset)
tempNode.parent = this.node;
tempNode.position = cc.Vec3.ZERO;
})
//动态加载图片
this.assetManager.loadByResources('UIImage/Bag_zhihuan', cc.SpriteFrame, (err, asset) => {
});
//动态加载图集图片
this.assetManager.loadByResources_SpriteAtlas('UIImage/Bag', '100005', cc.SpriteFrame, (err, asset) => {
});
}
onDestroy(){
//释放对应类型动态加载的所有的资源
this.assetManager.releaseByResources(cc.SpriteAtlas)
this.assetManager.releaseByResources(cc.SpriteFrame)
this.assetManager.releaseByResources(cc.Prefab)
//释放单张资源(这里我根据的是路径去释放)
this.assetManager.releaseByResources(cc.SpriteAtlas,'UIImage/Bag');//只释放这个图集
this.assetManager.releaseByResources(cc.SpriteFrame,'UIImage/Bag_zhihuan')//只释放这张图片
this.assetManager.releaseByResources(cc.SpriteFrame,'UIImage/Bag/100005') //只释放图集中的这张图片
this.assetManager.releaseByResources(cc.Prefab, 'item')
}
}