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
- Ouvrir
/outils/sprite-assembler. - Importer les frames (picker ou drag-drop).
- Reordonner les frames si besoin (drag dans la liste).
- Regler frame width/height, padding, fit et FPS.
- Verifier la preview d animation.
- Exporter le PNG assemble.
- Exporter le JSON metadata pour Phaser.
Workflow recommande (Tavern Tales)
- Corriger les frames dans Sprite Editor.
- Assembler dans Sprite Assembler.
- Verifier timing dans Sprite Tester.
- 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