Big Marks — Vector Fill Prototype

Tap the rocket to colour it in. This is a true-SVG fill engine, not the raster flood-fill Big Marks runs today.

Try tapping right on a black outline — it still fills correctly

0 / 11 regions coloured

What this proves vs the current raster flood-fill engine

Tap-exact fills — every colour stops precisely at the path edge, including taps right on the black outline (no near-line dead zones).
Crisp at any zoom — the artwork is vector paths, not baked-in pixels, so there's no y-flip / offset / ghost-art class of bug.
Edge-to-edge landscape fit — the art is authored for this artboard directly; no portrait PNG being letterboxed or fitted into a wide canvas.
Smaller assets — a handful of path definitions vs a full 896×1280 opaque PNG per page.

Trade-off: every one of the 29 existing pages would need re-authoring as layered vector art — see the zoom compare for the crispness difference, and read the honest cost take-away below.

Crisp vs pixelated, same zoom level

Left: the live SVG, scaled up with CSS — actual vector paths, always crisp. Right: the exact same artwork rendered small (like a fixed-resolution PNG export) then stretched to the same size — this is what a raster page does when a kid zooms in or pinches on a phone.

Big Marks — Vector Fill Prototype

What this proves vs the current raster flood-fill engine

Crisp vs pixelated, same zoom level

Vector (SVG)

Raster (PNG-style)