threejs 加载glb模型 Error: THREE.GLTFLoader: No DRACOLoader instance provided.

最新推荐文章于 2024-09-02 17:27:54 发布

啾比特

最新推荐文章于 2024-09-02 17:27:54 发布

阅读量1k

点赞数 3

分类专栏：报错合集文章标签： 3d javascript

本文链接：https://blog.csdn.net/qq_46258819/article/details/137343641

版权

报错合集专栏收录该内容

8 篇文章 0 订阅

订阅专栏

前言

最近在学习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);
            }
        )