Introduction
Les feuilles de sprite compressées sont essentielles à l'efficacité du rendu à l'exécution, mais il arrive parfois que vous deviez inverser ce processus. Les créateurs de jeux, les développeurs et les moddeurs doivent fréquemment modifier des images individuelles, extraire des textures héritées ou diviser des tuiles de feuille en ressources PNG brutes.
Un Sprite Sheet Unpacker basé sur le Web offre un chemin instantané et sans configuration pour y parvenir. Plutôt que d'ouvrir les éditeurs image pour recadrer manuellement les images, vous pouvez charger des feuilles et les diviser en quelques secondes à l'aide de la détection automatique des contours, des fichiers de coordonnées ou des grilles de tuiles.
Ce guide explique le flux de travail pour décompresser les atlas de textures en ligne, sélectionner le bon mode de découpage et valider les animations d'images extraites sur l'appareil avant l'exportation.
Les principaux modes de déballage des feuilles de texture
Un décompresseur prêt pour la production doit proposer plusieurs méthodes de découpage car les feuilles de sprite sont construites différemment. Les grilles sont parfaites pour les cartes à tuiles rétro, tandis que les fichiers de coordonnées sont requis pour les atlas découpés et sans grille.
Le ToolBuddy prend en charge quatre méthodes de découpage pour couvrir toutes les structures d'actifs du jeu, en traitant les fichiers entièrement dans la mémoire locale pour préserver la vitesse et la confidentialité.
- Détection automatique : trace automatiquement les limites des pixels pour découper des formes irrégulières.
- Config Parser : lit les fichiers JSON, plist, XML ou atlas pour analyser les coordonnées nommées.
- Grid Split : divise les feuilles par tailles de cellules uniformes avec des décalages et des marges personnalisés.
- Sélection manuelle : Permet de dessiner des zones de recadrage personnalisées directement sur la feuille.
Comment diviser une feuille de sprite en images PNG étape par étape
Commencez par préparer votre feuille de sprite image (PNG ou JPG). Si vous disposez d'un fichier de métadonnées de coordonnées (comme une feuille plist ou JSON exportée depuis Texture Packer), téléchargez-le avec le image. Le décompresseur détectera automatiquement le format et mappera les noms à leurs régions exactes.
Si aucun fichier de configuration n'est disponible, sélectionnez 'Détection automatique' pour laisser l'analyseur de limites décrire les formes solides ou saisir les dimensions des cellules en mode 'Grille'. Examinez les lignes de découpage sur le canevas, sélectionnez les images pour inspecter les détails et exportez les résultats sous forme de package zip.
- Téléchargez votre feuille de sprite image et votre fichier de coordonnées optionnel.
- Sélectionnez votre mode de découpage (Auto, Config, Grille ou Manuel).
- Inspectez les zones de cadre découpées sur la visionneuse visuelle interactive.
- Téléchargez les images extraites regroupées dans un seul dossier ZIP.
Validation des sprites avec le lecteur d'animation intégré
Le décompression des trames ne représente que la moitié du travail ; vous devez également confirmer que leur transition se fait en douceur. Le lecteur de canevas interactif vous permet de compiler les images extraites dans une boucle d'animation, en vérifiant la lecture avant de l'enregistrer.
En ajustant le curseur FPS et en prévisualisant les états de boucle, vous pouvez détecter les images manquantes ou les décalages d'enregistrement directement dans le navigateur, éliminant ainsi les essais et erreurs d'importation du moteur.
- Compilateur de boucles d'animation visuelle pour images extraites.
- Paramètres de vitesse de lecture (FPS) réglables.
- Boîte de prévisualisation interactive avec capacités de panoramique et de zoom.
Comprendre les formats de fichiers de coordonnées
Les feuilles de métadonnées contiennent des instructions qui mappent les noms des sprites aux cadres de délimitation. Si vous procédez à de la rétro-ingénierie d'actifs, connaître le format dont vous disposez permet de résoudre les avertissements de l'analyseur.
ToolBuddy prend en charge les feuilles plist pour Cocos2d, JSON Hash/Array pour Phaser et PixiJS, les feuilles XML pour Starling et les fichiers d'atlas de texte pour Spine, garantissant la précision des coordonnées.
Intégrer le déballage dans votre pipeline d'actifs
Le déballage des fiches est souvent suivi d'une optimisation. Si les images extraites nécessitent une réduction de taille, vous pouvez les acheminer via Image Compressor. Si vous devez les réorganiser, réimportez-les dans Texture Packer pour créer des feuilles propres et optimisées.
La liaison de ces utilitaires fournit un flux complet de gestion des actifs, permettant à votre cycle d'itération de conception de rester rapide, organisé et exécuté entièrement en local.