Three.js模型优化,减面压缩加载。

本文详细介绍了在Three.js中优化和压缩3D模型的过程,特别是针对微信小程序的适配。通过Blender进行减面操作,使用EXT_meshopt_compression算法压缩glb文件以减小内存占用。在加载模型时遇到的问题,如子父物体对应问题,以及在小程序中调整平行光为环境光以避免对材质影响等,文中也进行了记录和解决。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

记录一下模型加载流程,因为要适配微信小程序,模型文件过大运行卡顿,需要常常修改模型文件,从blender 模型调整到加载过程中所需要的步骤。

1.模型文件比较精细的手动删除不需要部分,然后通过精简修改器减面操作,可最大限度压缩模型文件内存,对模型子 父集合调整好,动画调整到NLM通道,正常导出glb文件。

 

2.电脑切换NVM版本,我装啦两个版本

 一个高版本作为压缩模型所需,一个是为了配合vue版本打开。

输入d:回车进入D盘。在光标处输入 "cd 文件夹",按Enter就可以进入目标文件夹

 之前用的Draco压缩glb,比较好用,压缩后在chorm浏览器开发模式里面的子父物体集合也能和blender相对应,但是和小程序里不太适配,后改用EXT_meshopt_compression算法压缩glb,效果和Draco差不多,但是网格文件被压缩混乱,子父物体

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值