Hunnncat

大佬们,请教一下 three.js 的性能优化问题

  •  
  •   Hunnncat · May 23, 2025 · 1509 views
    This topic created in 377 days ago, the information mentioned may be changed or developed.

    各位大佬,我在开发 Three.js 应用时遇到性能瓶颈,场景中需要渲染 300+ 的货架模型(.fbx 格式,单模型 45kb~85kb ,在渲染的时候,货架模型可能会有差异,比如根据状态会切换不同的货架模型)。当模型数量超过 2000 个时,Stats 中的帧率显著下降至 20 FPS 以下。请问针对这种大量模型的场景,有哪些有效的性能优化方案?特别是在模型格式转换、实例化渲染或批处理方面有哪些最佳实践?

    5 replies    2025-05-23 18:56:06 +08:00
    Hunnncat
        1
    Hunnncat  
    OP
       May 23, 2025
    补充下笔记本配置信息
    CPU:Intel Core i7-13700H 详细的参数 https://detail.zol.com.cn/1441/1440479/param.shtml
    GPU:Intel Iris Xe Graphics
    内存:32GB
    snow0
        2
    snow0  
       May 23, 2025
    客户端上独显,或者使用 UE/BS 方案替换
    sadyx
        3
    sadyx  
       May 23, 2025
    1. 动态加载,比如用 KD/八叉树加载最近的模型
    2. LOD
    3. 模型减面
    4. 如果是自定义的 material 的话,能复用就复用
    5. 及时做 dispose
    6. 一般来说 merge geometries 是比较常用的,但是好像不太符合你的需求
    Hunnncat
        4
    Hunnncat  
    OP
       May 23, 2025
    @snow0 感谢大佬
    Hunnncat
        5
    Hunnncat  
    OP
       May 23, 2025
    @sadyx 感谢大佬
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5347 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 38ms · UTC 07:31 · PVG 15:31 · LAX 00:31 · JFK 03:31
    ♥ Do have faith in what you're doing.