home / skills / dylantarre / animation-principles / spatial-thinking
This skill helps you apply spatial thinking to animation, guiding depth, perspective, and 3D relationships across frames.
npx playbooks add skill dylantarre/animation-principles --skill spatial-thinkingReview the files below or copy the command above to add this skill to your agents.
---
name: spatial-thinking
description: Use when animation involves depth, perspective, volume, or three-dimensional awareness—camera moves, character positioning, environmental interaction, or maintaining consistent spatial relationships.
---
# Spatial Thinking
Think like a sculptor working in time. Your characters exist in three-dimensional space, even on a 2D screen. Every frame is a frozen moment in a world with depth.
## Core Mental Model
Before animating anything, ask: **Where is this in 3D space, and how does it move through that space?**
Animation is 4D: three spatial dimensions plus time. Characters have fronts and backs. Rooms have depth. Actions travel along vectors through real (imagined) environments.
## The 12 Principles Through Dimension
**Solid Drawing** — The foundation of spatial thinking. Every object has volume. Turn it around in your mind. Know what the back looks like. Draw through forms, not around them.
**Arcs** — All movement happens in 3D space. An arm swinging traces a curve through depth, not just across the screen. Think spherical paths, not flat shapes.
**Staging** — Spatial composition. Where in the Z-axis is each element? Foreground, midground, background create depth. Overlap establishes position in space.
**Squash & Stretch** — Deformation happens in 3D. When a ball squashes, it spreads outward in all directions, not just sideways. Maintain volume in depth.
**Anticipation** — Movement into the screen reads differently than across it. Anticipation toward camera: foreshortening increases. Away: forms recede.
**Follow Through & Overlapping Action** — Trailing elements exist in 3D. Hair doesn't just swing left-right; it wraps around forms, falls with gravity, catches on shoulders.
**Secondary Action** — Supporting elements occupy their own spatial positions. A cape occupies the space behind a character. Spatial consistency sells reality.
**Timing** — Depth affects perceived timing. Objects moving toward/away from camera have different visual rhythms than horizontal movement. Foreshortening compresses distance.
**Slow In & Slow Out** — Acceleration reads differently in depth. Objects approaching camera grow rapidly at the end (looming effect). Factor Z-axis speed changes.
**Exaggeration** — Spatial exaggeration includes depth. Characters can lean impossibly far into frame. Environments can stretch beyond physical possibility while maintaining spatial logic.
**Appeal** — Dynamic spatial composition is appealing. Interesting angles, depth variation, and dimensional poses create visual interest.
**Straight Ahead & Pose to Pose** — 3D motion paths are easier to plan (pose to pose). Complex spatial action benefits from knowing key positions in space before animating between them.
## Practical Application
**Spatial Awareness Checklist:**
- [ ] Where is the floor? Characters need grounding.
- [ ] Where is the light source? It defines form.
- [ ] What overlaps what? Establish depth order.
- [ ] What's the camera angle? Affects all foreshortening.
- [ ] What exists off-screen? Implied space matters.
**Common Spatial Errors:**
- Floating: Characters not connected to environment
- Flattening: Losing depth in complex poses
- Scale drift: Objects changing size unintentionally
- Tangents: Edges aligning in ways that flatten depth
- Perspective inconsistency: Elements not sharing the same spatial grid
When animation feels "flat":
1. Add overlapping elements to establish depth
2. Include Z-axis movement (toward/away from camera)
3. Use perspective in posing (near hand bigger than far hand)
4. Add environmental shadows grounding characters
When space feels "confusing":
1. Simplify depth layers
2. Establish clear foreground/background separation
3. Use staging to clarify spatial relationships
4. Add establishing shots before complex action
**Thinking in Depth:**
- Turn poses 45 degrees in your mind
- Imagine the camera orbiting your scene
- Consider what's behind every surface
- Track objects through continuous 3D paths
## The Golden Rule
**The screen is a window, not a canvas.** You're not decorating a flat surface—you're revealing a world that extends in all directions. Every element occupies a position in that world. Honor the space.
This skill helps animators apply spatial thinking to motion and composition so scenes read with believable depth and volume. It teaches how to place characters and props in three-dimensional space, manage Z-axis movement, and avoid common spatial errors that flatten or confuse animation. Use it to make camera moves, staging, and interactions feel grounded and dimensional.
The skill inspects scenes for consistent spatial relationships: grounding, perspective, overlap, scale, and foreshortening. It guides planning (pose-to-pose keys, arcs, and staging), suggests adjustments (add Z-axis motion, overlaps, shadows), and highlights errors like floating, scale drift, and perspective inconsistency. Output is practical checks and concise corrective actions to restore believable depth.
How do I quickly tell if a shot is spatially inconsistent?
Check grounding, overlap order, and scale consistency across frames; if feet slip, sizes shift, or edges form tangents, the spatial logic is breaking down.
Should I always animate in 3D or can 2D workflows use these principles?
These principles apply to both: even in 2D, think in volumes, map 3D arcs, and use perspective in posing to sell depth.