THREE.GLTFLoader: No DRACOLoader instance provided

Questions
1

Hi
My goal is, to load a baked 3d-model on a Webflow-Site and do some interactions with it.

Before the closing body-tag I load three.js and the GLTFLoader like this:

    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js" integrity="sha512-dLxUelApnYxpLt6K2iomGngnHO83iUvZytA3YjDUCjT0HDOHKXnVYdf3hU4JjM8uEhxf9nD1/ey98U3t2vZ0qQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdn.rawgit.com/mrdoob/three.js/master/examples/js/loaders/GLTFLoader.js"></script>

In the JS-part I load the model like this:

// GLTF loader
const gltfLoader = new THREE.GLTFLoader();
const url = '/assets/iso-04-051221.glb';
gltfLoader.load(url, (gltf) => {
  const root = gltf.scene;
  scene.add(root);
});

The THREE-Object loads perfect.
But I get a error-message about the DRACOLoader:

image
image768×121 6.43 KB

Has anyone an idea what that DRACOLoader instance is not available?

Kind regards
Alain

2

Found it out.
The problem was in the glb-file.
I had to unlink the texture of the material in Blender.

3

It sounds like exporting from Blender might have worked because it decompressed the model, not because of the texture? If the glTF model uses Draco compression you’ll need to register a DRACOLoader instance as shown in the GLTFLoader docs.

4

Thanks for sharing this info this is useful keep it up.