Three.js Animation Systems

When to Use

Use this skill when:

• Animating 3D models and characters
• Implementing character locomotion
• Playing animation clips from GLTF/FBX
• Blending between animations
• Creating animation state machines

Core Principles

1. AnimationMixer: Central controller for all animations
2. AnimationClips: Reusable animation data
3. AnimationActions: Runtime instances of clips
4. Weight Blending: Smooth transitions between animations
5. Time Control: Speed, loops, clamping
6. Performance: Update only active animations