🛠️ Sprite State Editor

A simple web-based tool for creating animation states and hitboxes for 2D game sprites.

✨ Features

  • Upload sprite sheets (PNG or similar).
  • Draw hitboxes on each frame using a pixel-snapped grid.
  • Assign hitbox types (e.g., hitbox, hurtbox, trigger).
  • Create named animation states with frame timing.
  • Export all data as a .yaml file.

📦 Output Example

sprite: player.png
animations:
  run:
    frames:
      - index: 0
        duration: 100
        hitboxes:
          - type: hurtbox
            x: 12
            y: 20
            width: 24
            height: 32

🌐 Goals

  • Accessible via browser (no install required).
  • Fast and easy editing for solo devs or small teams.
  • Engine-agnostic output that can be parsed in any game engine.