threejs-animation

Keyframe, skeletal, and morph target animation system for Three.js objects and models. 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. - Supports four animation track types: number, vector, quaternion, and color keyframes with linear, smooth, and discrete interpolation modes - AnimationMixer plays clips on objects with full playback control: play, stop, pause, speed adjustment, weight-based blending, and fade in/out transitions - Skeletal animation via bone manipulation, bone attachments, and GLTF model loading with automatic clip discovery and playback - Morph target blending for shape deformation, plus additive animation blending for layering effects like breathing over base poses - Procedural animation patterns including smooth damping, spring physics, and oscillation helpers for custom motion without keyframes - 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...