Threejs性能优化

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、场景摄像机变化时才渲染场景,大部分大屏通常都是静止不动的,发生业务时有时才需要人机交互。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值