MeshPhysicalMaterial无法正确释放内存问题求助

当MeshPhysicalMaterial设置transmission: 1时，three.js会在后台创建透射效果专用的渲染目标（Render Target），用于计算光线穿过物体的视觉效果。这些渲染目标属于材质的内部私有资源，默认情况下调用material.dispose()不会自动释放它们，导致纹理内存残留。

在释放材质前，手动清理这些内部渲染目标，修改你的dispose函数，添加对透射渲染目标的释放逻辑：

修改后的dispose函数代码：

function dispose() {
  console.log("before", JSON.stringify(APP.renderer.info.memory));
  cancelAnimationFrame(rafId);
  
  // 新增：清理透射渲染目标
  if (APP.cubeMat.transmissionRenderTarget) {
    APP.cubeMat.transmissionRenderTarget.dispose();
    APP.cubeMat.transmissionRenderTarget = null;
  }
  
  APP.scene.remove(APP.cubeMesh);
  APP.cubeMesh.geometry.dispose();
  APP.cubeMesh.material.dispose(); 
  APP.cubeMesh = null;
  APP.scene = null;
  APP.cubeGeom.dispose(); APP.cubeGeom = null;
  APP.cubeMat.dispose(); APP.cubeMat = null;
  APP.renderer.domElement.parentNode.removeChild(APP.renderer.domElement);
  APP.renderer.domElement = null;
  APP.camera = null;
  APP.renderer.renderLists.dispose();
  APP.renderer.properties.dispose();
  APP.renderer.dispose();
  const glCtx = APP.renderer.getContext();
  const ext = glCtx && (glCtx.getExtension('WEBGL_lose_context') || glCtx.getExtension('WEBKIT_lose_context'));
  ext.loseContext();
  console.log("after", JSON.stringify(APP.renderer.info.memory));
  APP.renderer = null;
  APP = null;
}

• 不同three.js版本中，透射渲染目标的属性名可能略有差异，r180版本中是transmissionRenderTarget，如果是其他版本可以通过打印material对象来确认具体属性名。
• 这类内部创建的资源（比如SSR、透射、环境贴图的缓存RT）通常不会被自动释放，需要开发者手动处理，避免内存泄漏。

内容的提问来源于stack exchange，提问作者1owk3y