I have a character FBX model and downloaded a walking animation from Mixamo, but without the skin. This is how I am loading the character and animation:
const loader = new THREE.FBXLoader();
let mixer;
loader.load( 'Assets/T-Pose.fbx', function ( object ) {
let anim = new THREE.FBXLoader();
anim.load('Assets/Walking.fbx', function(anim){
mixer = new THREE.AnimationMixer(object);
let walking = mixer.clipAction(anim.animations[0]);
walking.play();
})
scene.add( object );
} );
During my render loop, I simply update the mixer.
function render(){
...
if (mixer) mixer.update();
}
Upon viewing my scene, this is what I observed:
https://i.sstatic.net/OXMV2.png
The character appears stuck on one frame and doesn't continue with the rest of the animation. What could be the mistake in my approach?