Three.js 工程向：资源生命周期管理与显存回收实践

一、为什么会出现“越跑越卡”

Three.js 项目长期运行后帧率下降，常见原因是纹理、几何体、材质未及时释放。

二、必须关注的释放对象

• geometry.dispose()
• material.dispose()
• texture.dispose()
• 不再使用的renderTarget.dispose()

三、工程化回收流程

• 场景切换时统一执行资源清理函数。
• 建立资源登记表，避免遗漏匿名创建对象。
• 对缓存资源做引用计数，归零后再释放。

四、排障建议

结合浏览器内存与 GPU 指标，区分 JS 内存泄漏与显存泄漏，分别处理。

五、结语

资源生命周期管理是 Three.js 长时稳定运行的基础能力。