各位大佬,我在开发 Three.js 应用时遇到性能瓶颈,场景中需要渲染 300+ 的货架模型(.fbx 格式,单模型 45kb~85kb ,在渲染的时候,货架模型可能会有差异,比如根据状态会切换不同的货架模型)。当模型数量超过 2000 个时,Stats 中的帧率显著下降至 20 FPS 以下。请问针对这种大量模型的场景,有哪些有效的性能优化方案?特别是在模型格式转换、实例化渲染或批处理方面有哪些最佳实践?
1
Hunnncat OP 补充下笔记本配置信息
CPU:Intel Core i7-13700H 详细的参数 https://detail.zol.com.cn/1441/1440479/param.shtml GPU:Intel Iris Xe Graphics 内存:32GB |
2
snow0 14 天前
客户端上独显,或者使用 UE/BS 方案替换
|
![]() |
3
sadyx 14 天前
1. 动态加载,比如用 KD/八叉树加载最近的模型
2. LOD 3. 模型减面 4. 如果是自定义的 material 的话,能复用就复用 5. 及时做 dispose 6. 一般来说 merge geometries 是比较常用的,但是好像不太符合你的需求 |