Commit Graph

6 Commits

Author SHA1 Message Date
311b91d0c5 refactor: pure CSS sprite animation with CSS variables
- Remove runtime JavaScript from Sprite component entirely
- Use CSS custom properties (--x, --y, --ex) with shared @keyframes
- Add SpriteStyles component for global keyframe (include once in <head>)
- Require sheetWidth/sheetHeight props (calculated by dev tool)
- Remove grid/columns support (horizontal strips only)
- Dev tool now auto-detects frames and calculates crop bounds
- Dev server is now CLI-based with required assets directory arg
- Add image picker with filter/search

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-06 16:07:35 -08:00
6dcfcdce2a fix: ensure sprite preview has transparent background
Explicitly set backgroundColor: transparent to prevent
Pico CSS from overriding it.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-06 13:45:33 -08:00
6f67b133fc feat: persist last loaded spritesheet in localStorage
Stores the image as a data URL so it survives page reloads.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-06 13:42:21 -08:00
52e6adc995 fix: scale background-position in keyframes
The animation was broken because keyframes used unscaled
pixel values while the background-size was scaled.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-06 13:41:29 -08:00
b1a87662fb feat: improve dev tool UX
- Show uploaded spritesheet image
- Auto-calculate frame dimensions from image size + frame count
- Add scale slider (1x-8x) for preview size

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-06 13:39:39 -08:00
9456957e63 feat: add dev tool client component with hono jsx
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-06 11:39:43 -08:00