Game Design
Анимация для геймдизайнеров
Почему Disney персонажи feel alive? Почему некоторые game characters feel stiff? 12 принципов анимации (1981) до сих пор foundation - и games используют их для gameplay communication.
- **Cuphead** - rotoscoped animation в стиле 1930s cartoons. Squash/stretch everywhere. Animation IS the game identity
- **Dark Souls** - enemy anticipation = fair difficulty. Long wind-up = your reaction window. Animation serves gameplay
- **Hollow Knight** - precise hitboxes matching animations. Responsive feel через minimal anticipation for player
Squash & Stretch
**Squash & Stretch** - деформация объекта для показа impact и motion. При landing персонаж squashes. При jump - stretches. Сохраняем volume, меняем форму. Создаёт life и physicality.
**Bouncing ball exercise.** Классический animation test. Ball squashes при ground contact, stretches во время падения. Один объект, бесконечный depth возможный.
**Game applications:** - Character landings (impact feedback) - Attacks (weapon squash на hit) - UI elements (buttons press effect) - Collectibles (coins squash on collect)
Персонаж приземляется после прыжка. Какой squash/stretch применить?
Anticipation
**Anticipation** - подготовительное движение перед main action. Прежде чем прыгнуть - присесть. Прежде чем ударить - замахнуться. Telegraphs что произойдёт, готовит viewer.
**Enemy telegraph.** В Souls-like games enemy wind-up = your dodge window. Длинная anticipation = fair difficulty. Без telegraph атаки unfair. Animation serves gameplay.
**Game balance:** - Player attacks: minimal anticipation (feels responsive) - Enemy attacks: clear anticipation (readable) - Balance: player advantage через better responsiveness - Trade-off: longer anticipation = more powerful attack
Boss имеет instant attack без wind-up. Players жалуются 'unfair'. Как fix через anticipation?
Follow-Through
**Follow-through** - продолжение движения после main action. Рука не останавливается мгновенно после удара - она продолжает motion. Parts с разной mass двигаются с разной скоростью (drag).
**Secondary motion.** Главное движение = body. Secondary = hair, cape, accessories. Они follow но с delay. Создаёт richness без adding gameplay complexity.
**Implementation:** - Recovery frames после attack - Procedural secondary motion (hair physics) - Camera settling после movement - UI animation overshoot
Character с длинными волосами бежит и резко останавливается. Что должны делать волосы?
Easing (Slow In/Out)
**Easing** - non-linear movement between keyframes. Objects accelerate и decelerate, не двигаются с constant speed. 'Slow in, slow out' = natural motion. Linear movement feels robotic.
**UI animation.** Меню slides in с ease-out (fast появление, gentle stop). Feels responsive но не jarring. Linear UI feels cheap и mechanical.
**Easing по context:** - Character movement: ease in-out - UI transitions: ease out (responsive) - Impacts: instant start (no ease in) - Falling objects: ease in only (gravity)
Animation - только визуальный polish, не влияет на gameplay
Animation критична для gameplay communication. Anticipation telegraphs attacks. Follow-through shows commitment. Без правильной animation gameplay unreadable
Dark Souls без enemy wind-up = unfair. Fighting games без recovery frames = unbalanced. Animation и gameplay неразрывны
Modal window должен появиться на screen. Какой easing выбрать для best feel?
Ключевые идеи
- **Squash & Stretch** даёт life. Impact = squash, motion = stretch. Volume constant, shape changes
- **Anticipation** telegraphs actions. Player = minimal (responsive), Enemy = visible (fair). Animation = game balance tool
- **Follow-through и Easing** завершают motion naturally. Overshoot, drag, non-linear speed. Makes everything feel polished
Связанные темы
Animation работает вместе с другими polish элементами:
Вопросы для размышления
- Вспомни игру с memorable animations. Какие principles ты можешь identify?
- Как anticipation влияет на difficulty в action games?
- Где в non-game contexts ты замечаешь easing? (UI, websites, apps)