Keyboard Sprite Editor

A keyboard-only pixel editor for MakeCode Arcade sprites and backgrounds. Every action — moving around the grid, choosing a color, painting a cell — works without a mouse.

Press 1–4 anywhere on the page to jump straight to a section: 1 canvas size, 2 active color, 3 draw, 4 export.

1 · Canvas size— Active

Switching size clears the canvas. 16×16, 32×32, 48×48, 24×16, and 16×24 match existing MakeCode Arcade gallery sprite dimensions; 160 × 120 matches the real screen resolution.

2 · Active color— Active

Active color: White (index 1)

3 · Draw— Active

↑↓←→ move one cell · Shift+arrow move five cells

Space or Enter — paint the current cell with the active color
Backspace or Delete — erase the current cell (make it transparent)
Home / End — jump to the start / end of the current row
Ctrl+Home / Ctrl+End — jump to the top-left / bottom-right corner

4 · Export to MakeCode— Active

Generates an img\`...\` literal. Paste it over the image inside a sprite's img\`...\` in the MakeCode JavaScript editor.