cocos2dx-js 如何快速查找未被使用的贴图

252 阅读2分钟

本文已参加[新人创作礼]活动,一起开启掘金创作之路。

一、前言

大家好,我是思航,今天和大家分享一下,如何快速查找未被使用的贴图。因为游戏内存方面,贴图是占比较大的一部分,所以我们防止出现贴图使用后没有释放,导致内存泄漏问题。

二、实现思路:

1、当前内存中的所有贴图:cc.textureCache._textures
2、当前正在使用的贴图:通过当前场景,遍历所有的子节点,查找引用的贴图
3、遍历内存中所有的贴图,看下是否正在使用,如果没有被使用,就打印出来
    

三、如何获取内存中所有的贴图

在cocos2dx引擎,加载过的贴图会存在 cc.textureCache._textures里面,这个变量,key为图片路径,value为贴图对象

四、如何获取当前正在使用的贴图

我们知道,当前运行的场景是所有节点的根节点,所有我们可以通过递归遍历当前节点,从而访问到所有节点,在访问节点时候,并记录对应引用的贴图,这样就可以找到所有当前正在使用的贴图。

五、代码实现

// 获取指定节点的下的所有子节点(包含自己)
var getAllChildren = function(curr) {
    var stack = [curr];
    var index = 0
    while (curr) {
        // Walk through children
        children = curr._children;
        if (children && children.length > 0) {
            for (i = 0, len = children.length; i < len; ++i) {
                child = children[i];
                stack.push(child);
            }
        }
        children = curr._protectedChildren;
        if (children && children.length > 0) {
            for (i = 0, len = children.length; i < len; ++i) {
                child = children[i];
                stack.push(child);
            }
        }
        index++;
        curr = stack[index];
    } 
    return stack;
}

// 检查没有用到的贴图
var checkNoUseTexture = function () {
    var arrChildren = getAllChildren(cc.director.getRunningScene());
    // 当前正在使用的贴图
    var dInUseUrl = {};
    for (var i = 0, iLen = arrChildren.length; i < iLen; i++) {
        if (arrChildren[i]._texture && arrChildren[i]._texture.url) {
            dInUseUrl[arrChildren[i]._texture.url] = 1;
        }
    }

	// 遍历内存中所有的贴图
    for (var key in cc.textureCache._textures) {
    	// 正在使用
        if (dInUseUrl[key]) {
            continue;
        }
        var selTexture = cc.textureCache._textures[key];
        var iBytes = selTexture.getPixelsWide() * selTexture.getPixelsHigh() * 4;
        var iMInfo = (iBytes / (1024.0 * 1024.0)).toFixed(2)
        // 尺寸大小、内存信息
        cc.warn(key, selTexture.getPixelsWide(), selTexture.getPixelsHigh(), iMInfo)
    }
}

// 调用
checkNoUseTexture();