Threejs性能优化

WebGL性能优化策略与实践

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

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值