I’m working with GLTF loader, AnimationMixer, and AnimationClip, in my model, I have an animation created inside the blender, I also did Easing and Interpolation inside the blender.
So My question is how can I change or remove the Easing and Interpolation of AnimationClip in ThreeJS. How can I change AnimationClip Interpolation like setting it to linear or something?
The easing or in other words the interpolation mode is part of a keyframe track. You have to iterate over all keyframe tracks of an animation clip and update the interpolation via setInterpolation(). However, notice that the choice of interpolation modes is very limited (discrete, linear and cubic/smooth). Also notice that you have to configure the interpolation mode before the playback of the animation clips starts (meaning before you call AnimationMixer.clipAction()).
In general, it’s best if you don’t touch the interpolation mode at all but export the animated asset to glTF with the desired interpolation. The interpolation modes of glTF are all supported by three.js.
“In general, it’s best if you don’t touch the interpolation mode at all but export the animated asset to glTF with the desired interpolation. The interpolation modes of glTF are all supported by
three.js.”
This is exactly what I wanted to hear, because I can easily set easing and Interpolation inside Blender, I asked here in case there is a easy way of doing it inside THREE JS so I might learn something new.
Thanks for your help, I just started ThreeJS 