Sprite editor

Docs

Sprite editor

Pick a colour and draw. When the sprite looks right, use Export → ANSI for GitHub logs and cat the file in a workflow step. The tutorial walks through it.

Colours and the legend

Every pixel is a legend character mapped to a colour. Picking a palette colour reuses or adds an entry for you. Click a legend character to paint with it, for example the shaded body B. To recolour an entry everywhere, pick a palette colour, then click the entry's swatch.

Shortcuts

P / E / F / I
Pencil, erase, fill, pick
M
Mirror drawing
Ctrl+Z / Ctrl+Y
Undo, redo
?
This help

Work saves automatically in this browser. Drop a sprite JSON file on the page to open it.

In a GitHub log

Compare outputs

GitHub log (solid)

Terminal (half)

Half in a GitHub log

Smears: the log viewer draws the glyph shorter than the line.

Plain text

Log geometry (estimated)