title: GLTF animation is not working in Three js
body: <p>I'm struggling to get an animation to play together with my GLTF 3D model. Most similar issues that I've seen on Stack Overflow are relating to the mixer not being updated. Which is not the problem in my case.</p>
  <p>This is my fiddle: <a href="https://jsfiddle.net/rixi/djqz1nb5/11/" rel="nofollow noreferrer">https://jsfiddle.net/rixi/djqz1nb5/11/</a></p>
  <pre><code>import * as THREE from &quot;https://threejsfundamentals.org/threejs/resources/threejs/r122/build/three.module.js&quot;;
  
  import { GLTFLoader } from &quot;https://threejsfundamentals.org/threejs/resources/threejs/r132/examples/jsm/loaders/GLTFLoader.js&quot;;
  
  import { OrbitControls } from &quot;https://threejsfundamentals.org/threejs/resources/threejs/r132/examples/jsm/controls/OrbitControls.js&quot;;
  
  
  let clock, controls, scene, camera, renderer, mixer, container, model;
  
  
  initScene();
  animate();
  
  function initScene() {
    scene = new THREE.Scene();
    camera = new THREE.PerspectiveCamera(
      75,
      window.innerWidth / window.innerHeight,
      0.1,
      1000
    );
    clock = new THREE.Clock();
    renderer = new THREE.WebGLRenderer();
    controls = new OrbitControls(camera, renderer.domElement);
    controls.update();
  
    container = document.getElementById(&quot;container&quot;);
  
    container.appendChild(renderer.domElement);
    renderer.setSize(window.innerWidth, window.innerHeight);
  }
  
  scene.background = new THREE.Color(&quot;#f8edeb&quot;);
  
  // LIGHT
  const light = new THREE.DirectionalLight(0xffffff, 1);
  light.position.set(2, 2, 5);
  
  //HELPERS 
  const axesHelper = new THREE.AxesHelper(5);
  let gridHelper = new THREE.GridHelper(30, 30);
  
  scene.add(light, axesHelper, gridHelper);
  
  //GLTF START
  
  const GLTFloader = new GLTFLoader();
  
  GLTFloader.load(&quot;https://richardlundquist.github.io/library/alice_TEST2.glb&quot;, function (gltf) {
    model = gltf;
  
    mixer = new THREE.AnimationMixer(gltf.scene);
  
    mixer.clipAction(gltf.animations[0]).play(); 
  
  
    scene.add(model.scene);
  });
  
  
  camera.position.set(0, 20, 50);
  
  
  function animate() {
    requestAnimationFrame(animate);
  
    let delta = clock.getDelta();
  
    if (mixer) {
      mixer.update(clock.getDelta());
    }
  
    renderer.render(scene, camera);
  
   
  }
  </code></pre>
  <p>There is no error in the console. The animation is listed in the array and plays as it should in Don McCurdy's GLTF viewer (<a href="https://gltf-viewer.donmccurdy.com/" rel="nofollow noreferrer">https://gltf-viewer.donmccurdy.com/</a>)</p>
  <p>But for some reason it will not play in my three js setup. Any clues? I would be extremely grateful for any help or hints on how to solve the issue.</p>