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文件

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

4、压缩文件并以glb文件存在

①压缩方法有很多,比如Draco、MeshQuan、MeshOpt压缩,我使用的是Draco压缩,至于三者有何差别,可以自行百度查看

②命令:npm i gltf-pipeline

在node_modules中找到gltf-pipeline,并且将刚刚转化好的glb文件放入到文件夹的子目录,然后运行cmd,输入以下命令:

node bin/gltf-pipeline -i model.glb -b -d

压缩glb文件 -b 表示输出glb格式 -f 表示输出gltf格式 -d表示Draco压缩, -s 表示压缩glb文件并将纹理图片分离出来 + .bin 文件

生成model-processed glb文件,复制粘贴,放入之前创建好的放到public的文件夹中

现在文件只有3000多kb,加载出来不卡顿了!!!

 5、解压部分

①复制three自带的解压文件

位置:three/examples/js/libs,复制粘贴draco文件夹,然后放入public文件下

②引入GLTFLoader加载器、DRACOLoader解压器

主要代码:

解析成功!!!

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

  1. fbx 转 gltf glb 文件

    fbx 转 gltf glb 文件 安装 npm 安装 可以参考 https://blog.csdn.net/weixin_44493841/article/details/109807060 npm ...

  2. mht文件转为html文件(javax.mail方式)

    mht文件转为html文件 由于mht文件是IE特有的格式,只能IE浏览器打开.用别的浏览器,如chrome打开该类型文件会产生乱码,但是我们大部分使用的还是chrome,因此想要打开该类型的文件,其 ...

  3. mht文件转为html文件(mime4j方式)

    mht文件转为html文件 由于之前提供的方式一,可能在工程的众多依赖中,存在jar包冲突,如mail.jar和javaee5.jar都存在javax.mail的类路径,导致在强制类型转换会出现异常, ...

  4. python转csv_python脚本如何将Excel文件转为csv文件(代码)

    本篇文章给大家带来的内容是关于python脚本如何将Excel文件转为csv文件(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助.#!/usr/bin/env python __ ...

  5. 【windwos bat】批量把windows下的wav文件转为raw文件

    借助工具sox,可以批量将wav文件转为raw文件. @echo off set work_path=recordings set raw_path=raw SET mypath=%~dp0mkdir ...

  6. GDCM:png文件转为dcm文件的测试程序

    GDCM:png文件转为dcm文件的测试程序 GDCM:png文件转为dcm文件的测试程序 GDCM:png文件转为dcm文件的测试程序 #include "gdcmImageReader. ...

  7. python csv转excel_将Excel文件转为csv文件的python脚本

    将Excel文件转为csv文件的python脚本 #!/usr/bin/env python __author__ = "lrtao2010" ''' Excel文件转csv文件脚 ...

  8. Python将txt文件转为json文件

    python将txt文件转为json文件 txt文件中内容: [*]www.xiaoyang.1 [*]www.xiaoyang.12 [*]www.xiaoyang.135 [*]www.xiaoy ...

  9. matlab p文件转码 matlab pcode文件 将matlab中的p文件转为m文件工具

    matlab p文件转码 matlab pcode文件 将matlab中的p文件转为m文件工具 源码可见,解密P ID:22600679158222577美丽小飞侠大队

  10. Python 批量将.xlsx文件转为.xls文件

    工作需要,需要向xls文件里写入数据.由于xlrd\xlwt写入的数据不带格式,只好把xls模板先转为xlsx格式,用openpyxl批量写入完后再批量转为xls. 百度找的转换实例,实际应用时生成的 ...

最新文章

  1. java控制台两个字符串_java控制台输入字符串
  2. 简单ThreadPool实现
  3. easymock快速入门
  4. 自由自在意式手工冰淇淋的清凉之风已“冰”临城下
  5. hihocder 1181 : 欧拉路·二
  6. VTK修炼之道10:可视化管道的连接与执行
  7. Docker容器(配置+镜像建立及优化+镜像加速器制作)
  8. Netty学习四:Channel
  9. win10共享打印错误0x0000006_Win10连接共享打印机提示0x80070035错误的解决办法
  10. idea maven +spring mvc
  11. mysql日期教程_MySQL日期函数详解
  12. 面试官:Java 反射是什么?我回答不上来!
  13. MyBatis动态代理执行原理
  14. OpenCL: OpenCL快速入门教程
  15. 微信语音怎么转发给别人_微信怎么把语音转发给别人?看看网友怎么说?原来方法这么简单...
  16. SQL中进行去重的方法
  17. sqlServer简单建数据库,建表操作
  18. 安装Ubuntu Linux操作系统
  19. 工具 - 分解TexturePacker导出的大图
  20. 【渝粤题库】陕西师范大学202901小学生心理辅导作业(高起专 、专升本)

热门文章

  1. nvidia 卸载驱动
  2. JDBC连接数据库问题之jdk1.9以及jdk10以后版本的ext问题(添加扩展包问题)
  3. java实现换行_java写文件实现换行
  4. DCMTK读取dcm文件信息环境搭建及经验总结
  5. 数据库表需要添加字段SQL怎么写!
  6. IT人的第一份简历(Word版 、Markdown版、PDF版,静动态网页版)
  7. 《ANSYS Workbench有限元分析实例详解(静力学)》——2.5 Windows界面相应操作
  8. JS实现数据库连接并查询
  9. 云服务器我的数据保存在哪个文件夹,云服务器存储在哪里
  10. 地图学属于计算机类吗,地图学