Three.js不断创建图形导致内存不足，使用remove、dispose也清除不了，有办什么法解决？

Question

Three.js不断创建图形导致内存不足，使用remove、dispose也清除不了，有办什么法解决？

Answer 1

终极奥义Threejs内存清除，清的渣都不剩

function disposeChild(mesh) {
    if (mesh instanceof THREE.Mesh) {
      if (mesh.geometry?.dispose) {
        mesh.geometry.dispose(); //删除几何体
      }
      if (mesh.material?.dispose) {
        mesh.material.dispose(); //删除材质
      }
      if (mesh.material?.texture?.dispose) {
        mesh.material.texture.dispose();
      }
    }
    if (mesh instanceof THREE.Group) {
      mesh.clear();
    }
    if (mesh instanceof THREE.Object3D) {
      mesh.clear();
    }
  }
  
scene.traverse(item => {
  disposeChild(item);
})
THREE.Cache.clear();
scene.clear();
renderer.dispose();
renderer.forceContextLoss();