play animation once instead of looping three.js

Question

I have exported blender JSON animation into THREE.js, everything works fine, but I want to play the animation only once and stop instead of looping the animation.

Answer 1

Old question, but in case anyone needs it the solution is to set animation.setLoop(THREE.LoopOnce)

let objLoader = new THREE.ObjectLoader();

objLoader.load('./your.json', function(obj)
{
  scene.add(obj);

  let animationMixer = new THREE.AnimationMixer(obj);
  let animation = animationMixer.clipAction(obj.animations[0]);
  animation.setLoop(THREE.LoopOnce);
  animation.clampWhenFinished = true;
  animation.enable = true;

  animation.play();
})

I'm referring to ThreeJS r84.

Answer 2

Set the loop property on the Animation object to false.

documentation here: http://threejs.org/docs/#Reference/Extras.Animation/Animation