See the engine in action

Example 01

Pan across a huge world and zoom from overview to tile detail while a synced minimap tracks the camera. Viewport culling keeps frame rates flat no matter how large the map gets.

Example 02

Every pointer event snaps to the grid, strokes paint into layers, and only the tiles that changed get redrawn. The coordinate conversions that make editors fiddly to build are handled by the engine.

Example 03

Thousands of cells update in real time, with tile colors driven straight from the data. A second synced camera powers the minimap in a few lines of code.

Example 04

Frames are sliced straight out of a spritesheet and flipped by fps-gated animators while a custom loop mutates positions — wings flap at 8 fps, movement runs at 60. Click anywhere and the nearest dragon flies there.

Example 05

The same draw API runs headless in Node.js — no browser, no DOM. The PNG is generated live by this site's own API route with renderToBuffer. Perfect for OG images, thumbnails, and CDN pre-rendering.