9、Three.js实现Draco压缩模型和加载模型

1、three.js实现Draco压缩模型

注意问题：（1）有很多压缩工具对Draco压缩算法进行了封装，这里使用pipeline调用Draco压缩glb模型。

（2）gltf-pipeline是一个gltf/glb模型的nodejs类库，使用此类库能够对gltf模型做进一步的处理，处理完成的gltf/glb模型，一般是将贴图文件包含到模型内容中。

（3）gltf-pipeline官方文档：https://npmmirror.com/package/gltf-pipeline

（4）对fbx模型使用draco压缩，需要先转化为glb模型。（建议使用blender完成，不要使用是其他的工具，效果不好）

1、gltf-pipeline压缩模型详细步骤

文档地址：https://juejin.cn/post/7131028565335736356

注意问题：不带d的压缩效果比较少。带d的可以实现比较好的效果。

首先在桌面创建一个文件夹yasuo——》接着使用cmd打开文件夹，在输入npm install -g gltf-pipeline——》然后使用将模型文件放大压缩文件夹中——》用gltf-pipeline -i test.glb -o test-pipeline.glb -d进行压缩模型——》

2、Three.js加载经过Draco压缩的模型

创建admin15.html，然后编写代码——》

注意问题：在examples里面创建static文件夹，里面的内容从examples\jsm\libs\draco\gltf里面复制。