Add in-app pixel editor for sprites in admin UI #5

Closed
opened 2026-06-08 13:42:23 -07:00 by allen · 0 comments
Owner

Summary

Build a web-based pixel editor integrated into the admin panel so users can create and edit sprite assets directly in the browser without needing external tools.

Scope

Sprites only (500x333 px) — backgrounds (1536x1024) are too large for pixel editing and should remain upload-only.

Planned Features

Tools

  • Pencil — draw individual pixels
  • Eraser — clear pixels to transparent
  • Color picker — select from palette or pick from canvas
  • Fill bucket — flood fill a region
  • Grid overlay — toggle pixel grid for precision

Core Features

  • Zoom and pan for detailed work
  • Undo/redo history
  • Export at exact sprite dimensions (500x333 PNG)
  • Load existing sprite for editing

Technical Approach

  • Vanilla JS with Canvas2D — no external dependencies
  • Match the retro aesthetic of the admin panel
  • Estimated 1000-1500 lines of JS
  • Integrated as a modal or dedicated section in the Sprites tab

Dependencies

  • Should be tackled after containerization (#4) is complete
## Summary Build a web-based pixel editor integrated into the admin panel so users can create and edit sprite assets directly in the browser without needing external tools. ## Scope **Sprites only** (500x333 px) — backgrounds (1536x1024) are too large for pixel editing and should remain upload-only. ## Planned Features ### Tools - Pencil — draw individual pixels - Eraser — clear pixels to transparent - Color picker — select from palette or pick from canvas - Fill bucket — flood fill a region - Grid overlay — toggle pixel grid for precision ### Core Features - Zoom and pan for detailed work - Undo/redo history - Export at exact sprite dimensions (500x333 PNG) - Load existing sprite for editing ## Technical Approach - Vanilla JS with Canvas2D — no external dependencies - Match the retro aesthetic of the admin panel - Estimated 1000-1500 lines of JS - Integrated as a modal or dedicated section in the Sprites tab ## Dependencies - Should be tackled after containerization (#4) is complete
allen added the enhancementadmin-ui labels 2026-06-08 13:42:23 -07:00
allen closed this issue 2026-06-09 12:50:34 -07:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: allen/ADS-Bit#5