Three.js 工程向：Draw Call 预算治理与渲染批处理实践

一、为什么 Draw Call 仍然是关键指标

在复杂 UI+3D 页面中，CPU 提交渲染命令的成本常先于 GPU 成为瓶颈。

二、常见来源

• 材质/几何体过度离散。
• 频繁状态切换（纹理、混合、着色器）。
• 小对象过多且没有合批。

三、工程优化手段

• 静态对象合并几何体。
• 重复对象使用 InstancedMesh。
• 统一材质参数，减少 program 切换。

四、监控与阈值

按设备档位设定 draw call 预算，超阈值时自动降级特效或关闭次要对象。

五、结语

控制 draw call 是“先保稳定帧率，再谈高阶画质”的基础工程。