I’ve been working with the three.js animation mixer and I’ve come across a problem. I use the following 3D model (glTF-Sample-Models/2.0/Fox at master · KhronosGroup/glTF-Sample-Models · GitHub) which has three different animations (run, walk and survey). When I use this model in my own project, the first animation speed slows down when I start a second animation. So for example I start the walk animation and a few seconds later I start the survey animation, the walk animation slows down. I also tested this model in @donmccurdy gltf viewer (https://gltf-viewer.donmccurdy.com/) and here the same thing happens. Can someone explain to me why this happens and how to possibly fix this?
If both animations affect the same bones (which is common, unless your models are designed otherwise) then you cannot play them at the same time, or they will “average out” and give a weird look. More often you’ll want to fade from one animation to another, but not keep them both playing.
Another question, what does preparing the animation data mean? I opened for example the glb file of the model from this example in Blender: three.js examples
I don’t see any differences between de different animations, so how exactly should I prepare the animation data?