three.js将fbx文件转为glb文件,并且压缩处理

在Vue项目中,由于fbx文件过大导致加载卡顿,通过转化为glb文件并使用Draco压缩,提高了加载效率。详细步骤包括fbx转glb、glb压缩以及在three.js中解压加载。最终实现3000kb以内的glb文件,解决卡顿问题。

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

1、原因:

在vue项目中遇到fbx文件太大,导致加载出来的时候变得很卡顿,所以采用转为glb文件,并且压缩处理

2、有人可能在想,为什么不直接压缩fbx文件,是因为我之前百度fbx、glb gltf文件、这些是什么关系,百度给的解释就是转化为glb文件,压缩再解析,效果会更好

3、fbx文件转化为glb文件:

①安装依赖

npm install --save fbx2gltf

 ②在node_modules中找到fbx2gltf,然后将FBX2glTF.exe复制粘贴到桌面,将需要转化的fbx文件一起放在桌面上

 ③在桌面上点击右键启动在终端中打开,输入以下命名:

 .\FBX2glTF -i E:\Desktop\result.fbx -o model.glb

 然后就会生成贴图文件夹和转化后的glb文件

其实还有很多关于转化的命令,可以自行百度

评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值