其他

anticipation-mastery

dylantarre/anim…inciples

Use when designing action sequences, user interactions, state transitions, or any motion that needs telegraphing to feel intentional rather than sudden.

  • 523 次安装
  • 133 星标
  • 收录于

安装命令

npx skills add https://github.com/dylantarre/animation-principles --skill anticipation-mastery

SKILL.md

Anticipation Mastery

The Setup Principle

Anticipation prepares the audience for action. Discovered through theatrical observation, Disney animators found that without a preparatory movement, actions appeared to happen "out of nowhere"—confusing rather than exciting. The principle: before any significant action, there must be a counter-movement.

Core Theory

Newton's Third Law, Visualized: Physical actions require preparation. A pitcher winds up before throwing. A cat crouches before pouncing. Anticipation makes this mechanical necessity visible and dramatic.

Attention Direction: Anticipation tells viewers where to look and what to expect. It transforms surprise into suspense—a more engaging emotional state.

The Three Functions

  1. Physical preparation: The body must coil to spring (jumping, throwing, punching)
  2. Mental preparation: The audience needs time to register incoming action
  3. Emotional preparation: Building tension before release amplifies impact

Timing Dynamics