# Posing

# Silhouette

Players see Rivals characters in a variety of palettes and stage backgrounds. Distinct silhouettes are important to make them clear at a glance.

caption/
street fighter silhouettes

The most important time for obvious silhouettes is in the anticipation frames of a powerful attack. The other player has only a handful of frames to understand the attack is coming.

# Showing Movement

In most frames of a character's animations, the character is about to move, moving, or recovering from a movement.

Communicating that in the pose can be difficult to learn, but will create much more readable and attractive animations.

# Gesture lines

Bodies in motion aren't perfectly balanced. Even when taking a step forwards, the center of gravity moves off of the back foot to fall onto the front foot.

gesture lines

Gesture lines can help think about the shape of a pose. An idle position usually has a comfortable vertical gesture line, while a strong attack might have a sharply curved, dramatic line.

For most animations, the whole body should move, and the gesture line should change noticeably.

# Exaggeration

Exaggeration is the name of the game. Fighting games are fast; you don’t have time for subtleties and nuances. Everything has to be shown clearly and quickly.

...

This rule holds true for so many parts of fighting game development: GO CRAZY AT FIRST.

It’s so much easier to tone something down than it is to build it up after the asset has been made.

~ Dan Fornace

Whenever something needs to be clear to the players, amplify it. It's a cartoon game. Readability and power matter much more than realism.


While body proportions shouldn't change for no reason, they should change to emphasize an action.

caption/
In Melee, Mario's fist grows noticeably during his forward-air to improve readability and power.
caption/
amber exaggeration - by BountyXSnipe

Amber was mostly broken proportions in her animations, just at least not to the point where you really notice the broken proportions.

~ BountyXSnipe

# Squash and Stretch

Objects squash as they stop moving, change directions, or prepare to move, like a landing water balloon, or a lion about to pounce.

Objects moving fast stretch in the direction they're moving.

Softer things, or greater movements, have more deformation.

Short Video Guide (opens new window)

# Arcs

When drawing a motion from one point to another, the simplest way our brains generate is a straight line, but this ends up looking strange and artificial.

The vast majority of movements naturally follow a curve, rather than a straight line.

Short Video Guide (opens new window)

# Smears

Characters sometimes move so fast that they change poses in a single frame. To make these movements visible, smears show the blur where the movement took place.

Smears are especially important for sweeping attacks to show the hitbox. Smears imply hitboxes, because any movement that fast would create a strong impact.

Smears should lead in an arc from near the previous frame's location to the current location. The tail end of a smear usually reaches near the previous frame's location.

Smears are not outlined, and grow thinner closer to the tail.

wrastor arc sylvanos arc

Many smears dissipate over a few frames, leaving fading traces in place.

zetter smear


Some VFX can serve the same purpose as smears.

caption/
by FuZZ
caption/
by FuZZ

Under Construction

This only lightly touches most subjects. I'd like more examples and explanation.