前言
最近在学习threeJS,在加载模型的过程遇到如下错误
这是因为通常我们 glb/gltf里面都是非常大的场景,有些工具它会因为过大做了压缩,导 我们开始是用不了的,需要借助draco解码察来解压模型
准备工作
找到draco文件夹,将其复制到我们自己的静态资源目录下
代码
// 实例化加载器g1tf
const gltfLoader = new GLTFLoader();
// 实例化加较器draco
const dracoloader = new DRACOLoader();
//指明解压工具的地址
dracoloader.setDecoderPath("./draco/");
gltfLoader.setDRACOLoader(dracoloader);
gltfLoader.load(
"path/to/you/gltf",
(gltf) =>{
scene.add(gltf.scene);
}
)