前言

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

技术共进,成长同行——讯飞AI开发者社区

更多推荐