Hold the Timing Even

Lesson 3 of 6 · Intermediate · 6 min

What you will make
Three frames with one identical duration each, tested at game speed.

Your progress0 / 6

Lesson checklist

Compare your own work with these checkpoints. Check each one when your result is ready.

All three frames have the same duration.I watched the loop repeat several times, not just the frames.The movement is still readable at a fast frame rate.

0 of 3 checked

No account needed. Learning progress is saved in this browser.

This lesson's project

Not created yet

Give all three frames the same duration and watch the loop repeat until it flows.

Practice in the editor

Open a 48 × 16 practice canvas with lesson examples and onion skin enabled. Your work saves automatically to My projects.

No account needed. Up to 3 projects.… / 3 used. Projects are saved automatically in this browser.

Starter files and backup import

Follow the steps

Give every frame the same time so the loop does not stutter.

Start with: A complete three-frame loop.

1
Pick one duration for all frames
Around 150 to 200 milliseconds per frame suits a small idle. Whatever you choose, all three frames get the same number.
A single timing value, applied everywhere.
2
Why uneven timing looks wrong
If the first frame is long and the second short, the eye reads a pause and then a snap. The loop is technically playing, but it does not flow.
A reason to keep the durations equal.
3
Preview the loop, not the frames
Watch cell one to three, then back to cell one, several times. Single frames can look fine while the loop feels wrong.
A loop you have actually watched repeat.
4
Speed it up until it breaks
Halve the duration. If the movement becomes unreadable, three frames is the limit for this motion and you should simplify the movement, not add frames.
A timing that survives a fast setting.

See the technique

Frames with no timing set

The same frames with equal timing

Three frames that each hold for a different length of time produce a limp rather than a loop. Even timing is the cheapest fix in animation and the one most often skipped.

Learning notes and references

Set one duration and apply it to every frame.
Keep frame counts low enough for the movement to read.
Test the loop by watching it repeat, not by reading the frames.

How Pixel Art Animation Works

Follow the steps

Give every frame the same time so the loop does not stutter.

Start with: A complete three-frame loop.

Pick one duration for all frames

Around 150 to 200 milliseconds per frame suits a small idle. Whatever you choose, all three frames get the same number.

A single timing value, applied everywhere.

Why uneven timing looks wrong

If the first frame is long and the second short, the eye reads a pause and then a snap. The loop is technically playing, but it does not flow.

A reason to keep the durations equal.

Preview the loop, not the frames

Watch cell one to three, then back to cell one, several times. Single frames can look fine while the loop feels wrong.

A loop you have actually watched repeat.

Speed it up until it breaks

Halve the duration. If the movement becomes unreadable, three frames is the limit for this motion and you should simplify the movement, not add frames.

A timing that survives a fast setting.