Giving a .glb a texture in code

Questions
, ,
6

By sheer dumb luck i managed to solve the issue and its texture is now working.

    var mat;
    var model;
    var mixer = null;
    var geo;
    const loader = new GLTFLoader();
    loader.load
    (
        '/models/cibus_ninja.glb',
        function (gltf) 
        {   
            model = gltf.scene;
    
            gltf.scene.traverse( function( object ) 
                 {            
                   if ((object instanceof THREE.Mesh))
                    { 
                          mat = object.material;
                          geo = object.geometry;
                          mat.map = texture;
                    }
                });

            scene.add(model);
            
            //Animation activation
            mixer = new THREE.AnimationMixer(model);
            mixer.clipAction(gltf.animations[4]).play();     
        },
        (xhr) => 
        {
            console.log((xhr.loaded / xhr.total * 100) + '% loaded')
        },
        (error) => 
        {
            console.log(error);
        }
    );

I genuinely have no idea why but creating the variables outside the loader for some reason managed to get the texture mapping working. If someone wants to explain why be free, but thanks for the help !@Mugen87
Now to tackle how to add movement controls to this thing xD

1 Like