Outil Sprite Editor

Modifier ou retoucher un sprite directement dans le navigateur.

Pixel ArtTools
Acceder a l outil interactif

Ce que fait l outil

Sprite Editor est un mini studio pixel-art pour retoucher des sprites frame par frame. Il cible le travail de precision: dessin, transparence, selection, transformation et export.

Quand l utiliser

  • Quand une frame doit etre corrigee vite.
  • Quand il faut produire une micro-variation sans ouvrir un DCC externe.
  • Quand on veut verifier lisibilite + timing via timeline.

Tutoriel rapide

  1. Ouvrir /outils/sprite-editor.
  2. Creer ou importer un sprite sheet.
  3. Choisir un outil (pencil, brush, eraser, fill, line, rect, circle, picker).
  4. Utiliser la timeline pour naviguer/dupliquer/reordonner les frames.
  5. Activer onion skin pour aligner les mouvements.
  6. Utiliser undo/redo et transformations (flip, rotate).
  7. Exporter frame courante, toutes les frames, ou sheet complete.

Workflow recommande (Tavern Tales)

  1. Corriger les frames critiques dans Sprite Editor.
  2. Assembler/normaliser dans Sprite Assembler.
  3. Valider cadence finale dans Sprite Tester.

Fonctions cles (analyse code)

  • Set d outils riche (dessin, formes, transparence, selection rect).
  • Timeline multi-frames avec drag reorder.
  • Onion skin configurable (prev/next/both + opacite).
  • Clipboard local (copy/cut/paste selection).
  • Undo/redo + raccourcis clavier.
  • Exports: frame, toutes frames, sheet.

Stack technique

  • HTML/CSS/JS integre dans la page outil.
  • Multi-canvas (draw, overlay, onion).
  • Manipulation ImageData pixel-level.

Limites actuelles

  • Projet sauvegarde locale limitee (pas de versioning complet).
  • Interface dense sur petit mobile.
  • Pas de collaboration multi-utilisateur.

Evolutions envisagees

  • Sauvegarde de projet versionnee (slots locaux).
  • Outils de palette avances (rampe, lock, remap global).
  • Export metadata animation enrichie.

Acces rapide

  • Outil interactif: /outils/sprite-editor