
Animation
- 30 installs
- 17 repo stars
- Updated February 16, 2026
- davincidreams/agent-team-plugins
Reference for 3D animation principles and keyframe techniques including the 12 principles, blocking, breakdowns, and timing.
About
Covers 3D animation fundamentals including the 12 principles and keyframe workflows like blocking and breakdowns. A developer or artist uses it when animating 3D characters or objects.
- The 12 principles of animation
- Keyframe workflow: blocking, breakdowns, timing
Animation by the numbers
- 30 all-time installs (skills.sh)
- Ranked #179 of 247 Game Development skills by installs in the Skillselion catalog
- Data as of Jul 30, 2026 (Skillselion catalog sync)
npx skills add https://github.com/davincidreams/agent-team-plugins --skill animationAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 30 |
|---|---|
| repo stars | ★ 17 |
| Last updated | February 16, 2026 |
| Repository | davincidreams/agent-team-plugins ↗ |
What it does
Reference for 3D animation principles and keyframe techniques including the 12 principles, blocking, breakdowns, and timing.
Files
3D Animation
Animation Principles
The 12 Principles of Animation
- Squash and Stretch: Convey weight, flexibility, and impact
- Anticipation: Prepare audience for upcoming actions
- Staging: Present action clearly and unmistakably
- Straight Ahead vs Pose to Pose: Different animation workflows
- Follow-Through and Overlapping Action: Natural movement flow
- Slow In and Slow Out: Natural acceleration and deceleration
- Arcs: Natural curved paths of motion
- Secondary Action: Reinforce primary action with complementary movements
- Timing: Number of frames for action
- Exaggeration: Enhance actions for clarity and appeal
- Solid Drawing: 3D form and weight
- Appeal: Engaging and memorable characters
Additional Principles
- Weight: Convey mass and gravity
- Balance: Maintain equilibrium
- Rhythm: Create pleasing patterns of movement
- Personality: Infuse character into movement
- Readability: Ensure actions are clear and understandable
Keyframe Animation Techniques
Keyframing Workflow
- Blocking: Establish key poses that define the action
- Breakdowns: Add intermediate poses to define timing
- In-Betweening: Fill in frames between keys
- Polishing: Refine curves and add secondary motion
- Review: Check animation from multiple angles
Key Types
- Pose Keys: Define the main poses of an action
- Timing Keys: Define the timing and spacing
- Breakdown Keys: Define the transition between poses
- In-Between Keys: Fill in the motion between breakdowns
Keyframe Spacing
- Linear: Constant speed
- Ease In: Slow start, accelerates
- Ease Out: Fast start, decelerates
- Ease In Out: Slow start and end, fast middle
- Custom: Custom spacing for specific effects
Procedural Animation
Procedural Techniques
- Physics-Based: Use physics simulation for realistic movement
- Inverse Kinematics: Calculate joint positions from end effector
- Forward Kinematics: Calculate end effector from joint positions
- Constraint-Based: Use constraints to drive animation
- Mathematical Functions: Use sine waves, noise, etc.
Procedural Applications
- Cloth Simulation: Simulate cloth physics
- Hair Simulation: Simulate hair movement
- Particle Systems: Simulate particles and fluids
- Crowd Simulation: Simulate crowd behavior
- Vegetation: Simulate plant movement
Procedural vs Keyframed
- Procedural: Dynamic, unpredictable, physics-based
- Keyframed: Controlled, predictable, artist-directed
- Hybrid: Combine both approaches for best results
Animation Curves and Graph Editor
Curve Types
- Linear: Straight line between keys
- Bezier: Smooth curves with handles
- Stepped: Instant transitions
- Constant: Hold value until next key
Curve Editing
- Tangent Handles: Control curve shape at keys
- Tangent Types: Auto, Clamped, Linear, Stepped, Free
- Curve Smoothing: Reduce noise in curves
- Curve Filtering: Apply filters to curves
- Curve Copying: Copy curves between attributes
Graph Editor Techniques
- Offset Keys: Offset keys for overlapping action
- Scale Keys: Scale timing of animation
- Mirror Keys: Mirror keys for symmetrical actions
- Cycle Keys: Create looping animations
- Bake Simulation: Convert procedural animation to keys
Animation Blending and State Machines
Animation Blending
- Blend Shapes: Blend between facial expressions
- Blend Trees: Blend between animations based on parameters
- Layer Blending: Blend between animation layers
- Additive Blending: Add animation on top of base animation
- Crossfading: Smooth transition between animations
State Machines
- States: Individual animations or animation groups
- Transitions: Movement between states
- Conditions: Rules for when transitions occur
- Parameters: Variables that control transitions
- Blend Trees: Blend between animations based on parameters
Animation Layers
- Base Layer: Primary animation
- Additive Layers: Additive animation on top
- Override Layers: Override base animation
- Masking: Apply layers to specific body parts
- Layer Blending: Control layer influence
Performance Optimization for Animations
Optimization Techniques
- Reduce Key Count: Remove unnecessary keys
- Simplify Curves: Reduce curve complexity
- Use IK/FK Efficiently: Don't overuse IK
- Optimize Blend Trees: Reduce blend tree complexity
- Use Animation Compression: Compress animation data
- Reduce Bone Count: Remove unnecessary bones
Real-Time Considerations
- Frame Rate: Maintain target frame rate
- Memory Usage: Minimize animation memory
- CPU Usage: Reduce animation CPU cost
- GPU Usage: Minimize GPU impact
- Network: Reduce network bandwidth for multiplayer
Platform-Specific Optimization
- Mobile: Lower bone count, simpler animations
- Console: Medium optimization, balance quality and performance
- PC: Higher quality, more complex animations
- VR: High frame rate priority, reduced complexity
- AR: Real-time performance priority
Animation Export and Integration
Export Formats
- FBX: Most common format, supports animation
- Maya ASCII/Binary: Maya native format
- Blender: Blender native format
- Collada (DAE): Open standard format
- glTF/GLB: Web-ready format
Export Settings
- Bake Animation: Bake all constraints and IK to FK
- Sample Rate: Set keyframe sampling rate
- Animation Compression: Apply compression to reduce file size
- Root Motion: Include or exclude root motion
- Animation Takes: Export specific animation takes
Integration
- Unity: Import FBX, create Animator Controller, set up animation clips
- Unreal: Import FBX, create Animation Blueprint, set up animation montage
- Godot: Import glTF/FBX, create AnimationPlayer, set up animation tree
- Web: Use Three.js or Babylon.js with glTF animations
- Custom: Parse animation data and apply to custom systems