Test It at Game Speed
Judge the loop at the size and rate a player will actually see.
Your result
A loop confirmed readable at native size and at a fast frame duration.
01What you will learn
- Preview at native size rather than zoomed in.
- Test at both a slow and a fast frame duration.
- Simplify the movement before adding more frames.
Start with: A seamless three-frame loop.
02See the technique
Nothing drawn yet
48 × 16 pixels
Three frames at native size
48 × 16 pixels
03Follow the steps
- 1
Preview at native size
Zoom out until each frame is the size it will be in the game. Detail that only works at 800% is not helping the player.
A loop judged at the real display size.
- 2
Test the fast setting
Set roughly 100 milliseconds per frame. If the character becomes a blur, the movement is too large for three frames.
A loop that survives a fast frame rate.
- 3
Test the slow setting
Around 250 milliseconds per frame. Too slow and each pose becomes readable as three separate drawings rather than one motion.
A timing range that keeps the motion together.
- 4
Simplify instead of adding frames
If it reads poorly at both speeds, make the movement smaller. A smaller two-frame motion usually beats a larger three-frame one.
A simpler motion that reads at any speed
04Practice in Pikanim
Preview your loop at native size, then at both a fast and a slow frame duration.
Opens a 48 × 16 canvas with the lesson's starting pixels. Your work saves in the Workspace.
05Check your result
Compare your own work with these checkpoints. Check each one when your result is ready.
Progress saves in this browser. No account needed.
06Continue learning
Keep these references handy
How to Make a Pixel Art Walk Cycle
Build a 4- or 6-frame pixel art walk cycle: contact, passing and up poses, leg rules that avoid the moonwalk, and timing that makes small characters feel alive.
How Pixel Art Animation Works
The mechanics of pixel art animation: frame counts, timing, key poses and in-betweens, and why fewer well-placed frames beat many rough ones.