Combine GLTF animations in Three.js in Angular

Viewed 17

I am working on an Angular project, and have searched on web but nothing I have found helps me determine a path forward. I have received 3 GLTF files for the face of a model smiling, crying, laughing AND another set of GLTF files for the same model running, jumping and walking. My goal is I want to be able to combine the animations such that I can have (Running + smiling OR Running + laughing OR walking + crying OR any of the combinations.

How do I combine two gltf animations in threejs? I read I can use the AnimationMixer, but cant figure out how this would work on the same model? Do I have to export the base model separately from the skeleton/animations and then try to combine them in my threejs app? Or is there something I am missing.

Any pointers would be appreciated I am truly at a loss of where to start. thanks for your help.

0 Answers
Related