Comment l'utiliser
- Chargez une sprite sheet à arrière-plan transparent.
- Attendez la fin de la détection des sprites, puis vérifiez le nombre de sprites, la taille de la grille et la taille des cellules affichés au-dessus des aperçus.
- Comparez l'original avec la planche réempaquetée, puis téléchargez le PNG et le fichier JSON.
Les sprite sheets dessinées ou exportées à la main ont souvent des frames de tailles différentes avec un espacement irrégulier, ce qui les rend malcommodes à découper. Cet outil trouve chaque sprite grâce au canal alpha ; il lui faut donc un arrière-plan transparent pour fonctionner. Un pixel compte comme faisant partie d'un sprite lorsque son alpha dépasse un petit seuil. La planche est analysée à la recherche de rangées de sprites, puis de sprites au sein de chaque rangée, et les minuscules fragments isolés sont filtrés lorsque leur surface est bien inférieure à celle d'un sprite typique.
Les sprites sont ensuite copiés dans une grille de cellules égales. La grille est à peu près carrée dans sa disposition, la largeur et la hauteur des cellules étant fixées sur le plus grand sprite trouvé. Chaque sprite est placé à gauche de sa cellule et centré verticalement. L'outil indique combien de sprites il a trouvés, la grille en colonnes par lignes et la taille des cellules en pixels, à côté des images d'origine et réempaquetée.
Vous obtenez deux téléchargements. Le PNG est la planche réempaquetée. Le fichier JSON liste chaque frame par nom avec sa position et sa taille dans la nouvelle planche, la taille source, le décalage du sprite dans sa cellule et un pivot de 0 et 0,5. Les noms sont construits à partir du nom de votre fichier plus un indice à trois chiffres.
Si rien n'est détecté, la page vous invite à utiliser une image à arrière-plan transparent. La détection et le réempaquetage s'effectuent dans votre navigateur, et l'image n'est pas envoyée.
FAQ
Pourquoi aucun sprite n'a-t-il été détecté ?
La détection repose sur la transparence. Si votre planche a un arrière-plan plein, retirez-le d'abord, par exemple avec le suppresseur d'arrière-plan.
Dans quel ordre les sprites sont-ils empaquetés ?
Dans l'ordre de lecture : rangée par rangée depuis le haut, et de gauche à droite dans chaque rangée.
Que contient le fichier JSON ?
Un objet frames avec le rectangle, la taille source, le décalage du sprite et le pivot de chaque frame, plus une petite section meta.
Les sprites sont-ils redimensionnés ?
Non. Chaque sprite conserve sa taille en pixels. Seuls l'espacement et la position changent.
La planche est-elle envoyée quelque part ?
Non. Tout s'exécute dans votre navigateur.