Question

我正在使用OBJLoader.js。我有一个按钮，点击从场景中删除一个3D模型并添加一个新的模型，但每次加载模型时，chrome中的内存使用量增加约50 MB并且不会减少。我尝试过“dispose（）”和null，但没有多大用处。每秒都会调用一个使用渲染器渲染场景的动画函数。

function freeMemory(model) {
if (model instanceof THREE.Mesh) {
    var texMat = model.material;
    texMat.map.dispose();
    texMat.map = null;
    texMat.dispose();
    texMat = null;
    model.geometry.dispose();
    model.geometry = null;
    model = null;
 }
}

function loadModel() {
scene.remove(model);
freeMemory(model);
var loader = new THREE.OBJLoader();
loader.load('test3d.obj', function(object) {
    object.children[0].geometry.computeFaceNormals();
    geometry = object.children[0].geometry;
    console.log(geometry);
    geometry.dynamic = true;
    var modelTexture = THREE.ImageUtils.loadTexture("models/tex_0.jpg");
    object.traverse(function(child) {
        if (child instanceof THREE.Mesh) {
            child.material.map = modelTexture;
            model = child;
            model.scale.set(0.5, 0.5, 0.5);
            model.translateOnAxis(new THREE.Vector3(1, 0, 1).normalize(),
                    1.5);
            model.rotation.x = 0;
            model.rotation.y = 0;
            model.rotation.z = 0;
            modelInitialPositionX = model.position.x;
            modelInitialPositionY = model.position.y;
            modelInitialPositionZ = model.position.z;
            scene.add(model);
        }
    });
    modelTexture.dispose();
    modelTexture = null;
});
loader = null;
}

我有任何最佳实践，我可以在按钮点击时添加和删除.obj和纹理。

Answer 1

尝试使用以下代码停止动画：

animate(){
    this.requestId = requestAnimationFrame(this.animate.bind(this));
    this.render();
}
render(){
    this.renderer.render(this.scene, this.camera);
}
stop(){
    window.cancelAnimationFrame(this.requestId);
}

Answer 2

如果在将Object3D添加到场景之前将其存储在var中，则无需删除/处置它并实例化新对象，您只需修改它，也许这不会导致内存泄漏。 / p>

尝试类似：

var model = new THREE.Mesh( firstGeometry, firstMaterial);
scene.add( model );

然后，当你需要更换它时，你只需修改它：

model.geometry = newGeometry;
model.material = newMaterial;

无需再次将其添加到场景中。

如果你搞砸了，我可以编辑你的loadModel函数。

three.js ObjLoader内存增加

2 个答案: