Outil Sprite Assembler

Assembler plusieurs frames en une planche de sprites.

Pixel ArtTools
Acceder a l outil interactif

Ce que fait l outil

Sprite Assembler prend une suite d images et genere une spritesheet exploitable en runtime. Il simplifie surtout l etape d assemblage + metadata pour eviter les erreurs de pipeline.

Quand l utiliser

  • Quand des frames sont produites separement.
  • Quand il faut une sortie sheet + meta rapidement.
  • Quand on veut tester l animation sans quitter le navigateur.

Tutoriel rapide

  1. Ouvrir /outils/sprite-assembler.
  2. Importer les frames (picker ou drag-drop).
  3. Reordonner les frames si besoin (drag dans la liste).
  4. Regler frame width/height, padding, fit et FPS.
  5. Verifier la preview d animation.
  6. Exporter le PNG assemble.
  7. Exporter le JSON metadata pour Phaser.

Workflow recommande (Tavern Tales)

  1. Corriger les frames dans Sprite Editor.
  2. Assembler dans Sprite Assembler.
  3. Verifier timing dans Sprite Tester.
  4. Integrer dans le jeu avec metadata.

Fonctions cles (analyse code)

  • Import multi-fichiers + drag-drop.
  • Reorder des frames par drag handle.
  • Build de spritesheet en bande horizontale.
  • Preview animation basee FPS.
  • Export PNG + JSON phaser-spritesheet-meta.

Stack technique

  • HTML/CSS/JS integre dans la page outil.
  • Canvas 2D pour assembly et preview.
  • Export data URL + JSON cote client.

Limites actuelles

  • Layout sheet principalement horizontal.
  • Peu de presets de packing avances.
  • Metadata JSON volontairement simple.

Evolutions envisagees

  • Packing multi-lignes optimise.
  • Presets metadata Phaser/Godot/Unity.
  • Validation automatique des dimensions incoherentes.

Acces rapide

  • Outil interactif: /outils/sprite-assembler