V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Hunnncat
V2EX  ›  前端开发

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

  •  
  •   Hunnncat · 14 天前 · 526 次点击

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

    5 条回复    2025-05-23 18:56:06 +08:00
    Hunnncat
        1
    Hunnncat  
    OP
       14 天前
    补充下笔记本配置信息
    CPU:Intel Core i7-13700H 详细的参数 https://detail.zol.com.cn/1441/1440479/param.shtml
    GPU:Intel Iris Xe Graphics
    内存:32GB
    snow0
        2
    snow0  
       14 天前
    客户端上独显,或者使用 UE/BS 方案替换
    sadyx
        3
    sadyx  
       14 天前
    1. 动态加载,比如用 KD/八叉树加载最近的模型
    2. LOD
    3. 模型减面
    4. 如果是自定义的 material 的话,能复用就复用
    5. 及时做 dispose
    6. 一般来说 merge geometries 是比较常用的,但是好像不太符合你的需求
    Hunnncat
        4
    Hunnncat  
    OP
       14 天前
    @snow0 感谢大佬
    Hunnncat
        5
    Hunnncat  
    OP
       14 天前
    @sadyx 感谢大佬
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2689 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 11:36 · PVG 19:36 · LAX 04:36 · JFK 07:36
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.