Canvas 02 : Making Things Move

Last time we ended with a static Pac-Man frame. Looked fine. Did nothing. Every time you refreshed the page it was the same, frozen moment. ...

April 12, 2026 · 11 min · 2255 words · Eshan

Canvas 03 : Gravity, Input and the Feel of Things

Snake moved in discrete steps on a grid. Clean, predictable, easy to reason about. What we’re building now is different. Flappy Bird is continuous – the bird is constantly falling, velocity accumulates, and the pipes come at you from the right with no fixed grid to think in. ...

April 15, 2026 · 10 min · 2067 words · Eshan

Canvas 04 : Pixels Are Just Numbers

So far we’ve been drawing everything from scratch using shapes, paths and arcs. That works fine for simple games. But Pac-Man has a detailed maze, animated ghosts and sprite-based characters. Drawing all that by hand every frame is going to get tedious fast. ...

April 16, 2026 · 15 min · 3023 words · Eshan