threejs-animation

Three.js animation system has three main components: Stores keyframe animation data. Plays animations on an object and its descendants. Controls playback of an animation clip. Most common source of skeletal animations. Blend between different mesh shapes. Mix multiple animations together. - AnimationClip - Container for keyframe data - AnimationMixer - Plays animations on a root object - AnimationAction - Controls playback of a clip - Share clips : Same AnimationClip can be used on multiple mixers - Optimize clips : Call clip.optimize() to remove redundant keyframes - Disable when off-screen : Stop mixer updates for invisible objects - Use LOD for animations : Simpler rigs for distant characters - Limit active mixers : Each mixer.update() has a cost - threejs-loaders - Loading animated GLTF models - threejs-fundamentals - Clock and animation loop - threejs-shaders - Vertex animation in shaders