页面切换时销毁three占用的内存

奶昔不会射手

已于 2025-01-09 09:30:45 修改

阅读量380

点赞数 3

文章标签：前端 javascript 开发语言

于 2024-09-12 17:07:17 首次发布

本文链接：https://blog.youkuaiyun.com/lth002/article/details/142180920

版权

export const destroyThree = () => {
  disposeSceneObjects(scene);
  scene.clear();
  renderer.dispose();
  renderer.forceContextLoss();
  let gl = renderer.domElement.getContext("webgl");
  if(gl && gl.getExtension('WEBGL_lose_context')){
    gl.getExtension('WEBGL_lose_context')!.loseContext();
  }
  scene = null;
  camera = null;
  renderer = null;
  cancelAnimationFrame(animationId);  //清除requestAnimationFrame
  animationId = null;
};
function disposeObject(obj) {
  if (obj instanceof THREE.Mesh) {
      if (obj.geometry) obj.geometry.dispose();
      if (obj.material) {
          if (obj.material instanceof THREE.Material) {
              obj.material.dispose();
          } else if (Array.isArray(obj.material)) { // 处理多材质的情况
              obj.material.forEach(m => m.dispose());
          }
      }
  }
}

function disposeSceneObjects(scene) {
  scene.traverse(disposeObject);
}