АнімаціяСередній

Anticipation

Замах у протилежний бік перед дією, що телеграфує наступне.

animation-principlecombatreadability

Приклади

Записано з інтерактивного демо нижче на цій сторінці.

Огляд

Антиципація спершу трохи зміщує об'єкт проти майбутньої дії — персонаж присідає перед стрибком, відводить меч перед замахом, панель UI ледь стискається перед розкриттям.

Це ще один із класичних 12 принципів анімації, і працює він тому, що реальні тіла мусять зібрати енергію перед її вивільненням. Рух без замаху виглядає невагомим і, що критично в іграх, не дає гравцю попередження.

У геймплейних термінах антиципація — це зчитуваність: замах ворога — те, що робить ухилення чесним, а атака боса без нього відчувається дешевою. Той самий принцип у малому масштабі робить дружні анімації потужними, а не різкими.

Інтерактивне демо

Сила замаху18px

Час замаху200ms

Де застосовується

БійПлатформерФайтингиUI

Найкращі практики

Варто

✓Робіть замах пропорційним силі дії — більша атака заслуговує довшої та глибшої антиципації.
✓Для атак ворогів тюньте тривалість замаху як параметр складності геймплею, а не лише естетики.
✓Використовуйте навіть 1–2 кадри антиципації в переходах UI — крихітне стискання перед розкриттям читається як енергія.

Не варто

✕Не додавайте довгу антиципацію до частих дій самого гравця (базовий стрибок, базова атака) — вона реєструється як лаг інпуту.
✕Не використовуйте ідентичні замахи для атак із різним таймінгом — гравці читають антиципацію як інформацію.
✕Не дозволяйте антиципації рухати хітбокс персонажа — це візуальна обіцянка, а не геймплейний додж.

Поширені помилки

⚠Антиципація настільки тонка, що її ніхто не бачить, — якщо вона не читається на ігровій дистанції та швидкості, її нема.
⚠Замах доданий після інпуту, а не в стартап-кадри анімації атаки, — з'являється реальна затримка.
⚠Пропущена антиципація на спавні снарядів — постріли виникають нізвідки.

Реалізація

Встав це у свого ШІ-асистента (Cursor, Copilot, Claude), щоб додати ефект у проєкт.

Промт

Додай у мій проєкт ефект "Anticipation": Замах у протилежний бік перед дією, що телеграфує наступне.

Як це працює: Антиципація спершу трохи зміщує об'єкт проти майбутньої дії — персонаж присідає перед стрибком, відводить меч перед замахом, панель UI ледь стискається перед розкриттям.

Рекомендації:
- Робіть замах пропорційним силі дії — більша атака заслуговує довшої та глибшої антиципації.
- Для атак ворогів тюньте тривалість замаху як параметр складності геймплею, а не лише естетики.
- Використовуйте навіть 1–2 кадри антиципації в переходах UI — крихітне стискання перед розкриттям читається як енергія.

Чого уникати:
- Не додавайте довгу антиципацію до частих дій самого гравця (базовий стрибок, базова атака) — вона реєструється як лаг інпуту.
- Не використовуйте ідентичні замахи для атак із різним таймінгом — гравці читають антиципацію як інформацію.
- Не дозволяйте антиципації рухати хітбокс персонажа — це візуальна обіцянка, а не геймплейний додж.

Реалізуй ефект у тому рушії/стеку, який уже використовується в проєкті, і дотримуйся наявного стилю коду. Підключи його там, де це доречно.