Check Every Cell
Lesson 4 of 6 · Intermediate · 6 min
What you will make
Four cells whose boundaries, baselines and margins all line up.
Lesson checklist
Compare your own work with these checkpoints. Check each one when your result is ready.
No account needed. Learning progress is saved in this browser.
This lesson's project
Not created yet
Fix the one-pixel offset in cell three, then verify all four cells line up on the grid.
Open a 64 × 16 practice canvas with lesson examples and onion skin enabled. Your work saves automatically to My projects.
Starter files and backup import
Follow the steps
Find the off-by-one that quietly breaks an animation in the engine.
Start with: All four cells filled in.
- 1
Check the boundaries first
Nothing may cross column 16, 32 or 48. A pixel in the wrong cell is invisible in the editor and obvious in the game.
Four cells with clean boundaries.
- 2
Verify the baseline
The frame where the character is planted must have its feet on exactly the row you recorded in lesson two.
A consistent resting row.
- 3
Compare cells two at a time
Hide every other cell, then look at the pair. Differences should look like a movement, not like a redrawn character.
Differences limited to the moving parts.
- 4
Play the strip in order
Read cells one to four, then jump back to one. If the loop has a jolt, the problem is almost always a cell that is one pixel off.
A loop that returns smoothly.
See the technique
Cell three slid one pixel right
Every cell on the grid
Learning notes and references
- Verify each cell's content stays inside its own 16 by 16 boundary.
- Catch a cell shifted by a single pixel.
- Confirm the baseline is consistent across frames.