Pixel editor: shape tools, select/move, reference overlay, color tools #7

2026-06-09T15:52:56-07:00

allen commented

2026-06-09 15:52:56 -07:00

Extends the in-app sprite pixel editor with four feature sets.

Shape tools

Line (L), Rectangle (R), Ellipse (O) with click-drag live preview; a FILL toggle switches rect/ellipse between outline and filled.

Select & move

Rectangular marquee (M): drag to select, drag inside to move (pixels lift into a floating layer), arrow keys nudge 1px. Clipboard: Ctrl+C/X/V, Delete clears, Enter/Esc commits. Undo/redo and save auto-bake any pending move.

Reference overlay

Load any image as an adjustable-opacity backdrop to trace over (rendered under the artwork), with a show/hide toggle.

Color tools

Brush opacity slider, persistent custom palette (localStorage; right-click a swatch to remove), and an auto-updating recent-colors row.

Also bumps admin asset cache-bust to ?v=20260609c.

Verified end-to-end in headless Chromium against the live server: all shape tools, selection move/nudge, reference overlay, opacity, and both palettes render correctly with zero JS errors.

🤖 Generated with Claude Code

Extends the in-app sprite pixel editor with four feature sets. ## Shape tools Line (L), Rectangle (R), Ellipse (O) with click-drag live preview; a **FILL** toggle switches rect/ellipse between outline and filled. ## Select & move Rectangular marquee (M): drag to select, drag inside to move (pixels lift into a floating layer), arrow keys nudge 1px. Clipboard: **Ctrl+C/X/V**, **Delete** clears, **Enter/Esc** commits. Undo/redo and save auto-bake any pending move. ## Reference overlay Load any image as an adjustable-opacity backdrop to trace over (rendered under the artwork), with a show/hide toggle. ## Color tools Brush opacity slider, persistent custom palette (localStorage; right-click a swatch to remove), and an auto-updating recent-colors row. Also bumps admin asset cache-bust to `?v=20260609c`. **Verified** end-to-end in headless Chromium against the live server: all shape tools, selection move/nudge, reference overlay, opacity, and both palettes render correctly with zero JS errors. 🤖 Generated with [Claude Code](https://claude.com/claude-code)

allen added 1 commit 2026-06-09 15:52:56 -07:00

Add shape tools, select/move, reference overlay, and color tools to pixel editor 5fabd035c2

Extends the in-app sprite editor with four feature sets:

- Shape tools: line (L), rectangle (R), ellipse (O) with click-drag live
  preview and a FILL toggle for outline vs filled rect/ellipse.
- Select & move: rectangular marquee (M) to select, drag-to-move via a
  floating layer, arrow-key nudge, and clipboard ops (Ctrl+C/X/V, Delete,
  Enter/Esc to commit). Undo/redo and save auto-bake any pending move.
- Reference overlay: load any image as an adjustable-opacity backdrop to
  trace over (rendered under the artwork), with a show/hide toggle.
- Color tools: brush opacity slider, persistent custom palette
  (localStorage; right-click to remove), and an auto-updating recent colors row.

Cache-bust admin assets to ?v=20260609c so the update loads without a manual
hard-refresh.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

allen merged commit 79fdbc4687 into main

2026-06-09 15:53:05 -07:00

allen referenced this issue from a commit

2026-06-16 01:12:26 -07:00

Merge pull request 'Pixel editor: shape tools, select/move, reference overlay, color tools' (#7) from feature/pixel-editor-enhancements into main

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: allen/ADS-Bit#7