Animations on GLTF not loading


I am trying to animate a character for a three js project… I just can’t get this to work . I have used gltf viewer, I can see the animations loading in the viewer and working… I’ve revised the source code, but as I am fairly inexperienced in threejs development, I am finding this tricky to apply to my project.

here’s my code:

// Create an AnimationMixer, and get the list of AnimationClip instances
var mixer;
            const model = new GLTFLoader ()
                .load( 'Witch.gltf', function ( gltf ) {
                    const clips = gltf.animations || [];
                    scene.add( gltf.scene );
                    var model = gltf.scene;
                    model.position.set(0, 0, 0);
                    model.scale.set(5.5, 5.5, 5.5); 
                    mixer = new THREE.AnimationMixer( model );
                    // const clip = THREE.AnimationClip.findByName( clips,  )
                    mixer.clipAction( clips[1] ).play();

                    // Play all animations
                    // clips.forEach( function ( clip ) {
                    //     mixer.clipAction( clip ).play();
                    // } );

            function update() {
                mixer.update( deltaSeconds );

and later…

            //render / animate loop
            function animate() {
                requestAnimationFrame( animate );
            function render() {
				renderer.render( scene, camera );


I can see all the animations listed when I console.log clips. I can’t access them, but my code seems okay from the tutorials I’ve follow on threejs… Any help much appreciated :slight_smile:

You’re not sharing your animate loop. It’s easiest if you post on codepen or some other. What is happening exactly? Are you calling update() on the mixer?

Here is the full code… sorry It doesn’t contain the gltf though. @alexpineda

Why is render() not in your animate loop?