ThreeJS uygulamasının belleğini boşaltma

Question

Şu anda ThreeJS uygulamamda belleği boş bırakmayla ilgili sorunlar yaşıyorum.

Bu sorun hakkında zaten birçok sorular vardır farkındayım: Ben şu typescript kullanarak nesneleri elden yapmak

• freeing memory in three.js
• Freeing memory with threejs
• Three.js Collada - What's the proper way to dispose() and release memory (garbage collection)?

yaptığım işlev : Ben Chrome Dev Araçlarını kullanarak yığın anlık yaptığınızda

function dispose(object3D: THREE.Object3D): void 
{ 
    // Dispose children first 
    for (let childIndex = 0; childIndex < object3D.children.length; ++childIndex) 
    { 
     this.dispose(object3D.children[childIndex]); 
    } 

    object3D.children = []; 

    if (object3D instanceof THREE.Mesh) 
    { 
     // Geometry 
     object3D.geometry.dispose(); 

     // Material(s) 
     if (object3D.material instanceof THREE.MultiMaterial) 
     { 
      for (let matIndex = 0; matIndex < object3D.material.materials.length; ++matIndex) 
      { 
       object3D.material.materials[matIndex].dispose(); 
       object3D.material.materials[matIndex] = null; 
      } 
      object3D.material.materials = []; 
     } 

     if (object3D.material.dispose) 
     { 
      object3D.material.dispose(); 
      object3D.material = null; 
     } 
    } 

    // Remove from parent 
    if (object3D.parent) 
     object3D.parent.remove(object3D); 

    object3D = null; 
} 

Ancak, hala tonlarca vardır: (..., UVS __directGeometry olarak)

Vector2

• Diziler
• vector3 (faces normal geometry yılında köşe, faces yılında vertexColors, ...)
• Face3 (geometry yüzleri)
• Renk (__directGeometry renkler, ...)
• JSArrayBufferData (geometry arasında attributes normal renk, ...) Çünkü bellekte tüm verilerin

, başvurum tarafından öldürülmeden IOS'ta Jetsam, bkz .: Jetsam kills WebGL application on iOS

Kütüphane içindeki bazı verilerin istenildiği zaman serbest kalmamasından şüpheleniyorum.

Answer 1

Sadece her şeyi atmaya çalışın. Bu snippet'i bir süredir kullanıyorum. Malzemeler, dokular, 3d nesneler içerir. Diziler ve düz nesneler üzerinde yineleme yapar.

let dispose = function(o) { 
    try { 
     if (o && typeof o === 'object') { 
      if (Array.isArray(o)) { 
       o.forEach(dispose); 
      } else 
      if (o instanceof THREE.Object3D) { 
       dispose(o.geometry); 
       dispose(o.material); 
       if (o.parent) { 
        o.parent.remove(o); 
       } 
       dispose(o.children); 
      } else 
      if (o instanceof THREE.Geometry) { 
       o.dispose(); 
      } else 
      if (o instanceof THREE.Material) { 
       o.dispose(); 
       dispose(o.materials); 
       dispose(o.map); 
       dispose(o.lightMap); 
       dispose(o.bumpMap); 
       dispose(o.normalMap); 
       dispose(o.specularMap); 
       dispose(o.envMap); 
      } else 
      if (typeof o.dispose === 'function') { 
       o.dispose(); 
      } else { 
       Object.values(o).forEach(dispose); 
      } 
     } 
    } catch (error) { 
     console.log(error); 
    } 
};