Three.js加载压缩的glb/gltf文件

本文主要是介绍Three.js加载压缩的glb/gltf文件，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

有些模型文件直接使用GLTFLoader加载会报错，如果格式没有问题的话，很可能就是这个模型文件被压缩了。压缩也是可以加载的更快嘛~

现在就来说说这个坑。

http://www.webgl3d.cn/pages/09c637/ 这个连接有很详细的说明这个咋个解压或者压缩模型文件的，但是有个地方这句话有坑：

大概能就是去找到这个依赖文件夹去复制到某个路径下去，因为我这里用的构建工具，那么打包的话public文件夹下的东西肯定是不会动的，而且会打包到根路径，因此代码要这样写：

import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader.js'const draco = new DRACOLoader();
const loader = new GLTFLoader();
draco.setDecoderPath('/draco/');
loader.setDRACOLoader(draco);
loader.load("模型路径",e=>{console.log("加载成功回调",e)
})

 

这篇关于Three.js加载压缩的glb/gltf文件的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---