javascript - 如何正确处理 Three.js 场景？(r55)

Question

似乎 Three.js 没有很好的方法来处理THREE.Scene该场景中的一个和所有对象。

目前我正在做以下事情：

  $.each(scene.__objects, function(idx, obj) {                               
    scene.remove(obj);                                                                                     
    if (obj.geometry) {                                                                                    
      obj.geometry.dispose();                                                                              
    }                                                                                                      
    if (obj.material) {                                                                                    
      if (obj.material instanceof THREE.MeshFaceMaterial) {                 
        $.each(obj.material.materials, function(idx, obj) {                 
          obj.dispose();                                                                                   
        });                                                                                                
      } else {                                                                                             
        obj.material.dispose();                                                                            
      }                                                                                                    
    }                                                                                                      
    if (obj.dispose) {                                                                                     
      obj.dispose();                                                                                       
    }                                                                                                      
  });             

查看 Chrome 堆分析器，仍有许多对象没有被清理（纹理、着色器材质、向量等）。

Answer 1

我同意 arriu 的观点，认为应该有一种更简洁通用的方式来处理 three.js 中的内存，可能从场景节点开始，一直向下遍历。我还认为应该扩展他上面的通用函数以处理更多类型的内存分配。

• 查看示例webgl_test_memory.html，它对示例做了一些非常具体的事情，并在分配后立即释放内存。
• 查看webgl_test_memory2.html这个示例还做了一些非常具体的事情，即向数组添加网格，然后遍历并处理数组的元素。此方法无法处理在函数调用中进行的许多内存分配。

我并不是说这两个示例不会释放内存。我认为场景节点应该有一个方法来释放它下面的所有内存。