THREEJS性能优化

1,873 阅读1分钟
  1. 多使用clone方法
  2. 模型不需要时dispose
  3. 使用BufferGeometry
  4. 图片压缩
  5. 优化渲染时requestAnimationFrame中的方法,不要重复定义,注意循环
  6. 模型减顶点减面,使用法线贴图
  7. 把材质精度降低,尽量共享材质
  8. 模型拆分加载,或把模型合并,合并有消耗,尽量在编辑器下合并
  9. 模型格式优化,使用gltf或glb
  10. LOD技术
  11. 异步、分片、缓存,如使用indexedDB存取模型
  12. 使用websocket,将一些计算放到后台执行
  13. 不需要显示的,可使用WebGLRenderTarget后台渲染,需要时再加入
  14. 阴影需要的才打开
  15. 渲染时,将执行的操作砍半
  16. import three会使打包后的JS多出几M,使用哪个import哪个较好
  17. 视锥体剔除不可见的物体
  18. 场景摄像机变化时才渲染场景,大部分大屏通常都是静止不动的,发生业务时有时才需要人机交互。