Assembleur d’atlas de sprites

Chaque image séparée qu’un jeu dessine coûte à la carte graphique un changement de texture. Regrouper de nombreux sprites dans une seule image, l’atlas, permet au moteur de les dessiner ensemble : c’est plus rapide à l’exécution et au chargement que cent petits fichiers.

L’assembleur emboîte des sprites de tailles différentes comme un puzzle, les plus grands d’abord, et note où chacun a été placé. Les sprites ne sont jamais tournés ni redimensionnés : ils restent exactement comme vous les avez dessinés.

• Écart : 1 ou 2 pixels vides entre les sprites empêchent le bord de l’un d’apparaître sur son voisin quand la texture est agrandie ou filtrée.
• Rogner les bords vides : écarte la bordure vide autour de chaque sprite. Le fichier de données note ce qui a été retiré, et le sprite reste à sa place.
• Taille en puissance de deux : arrondit la feuille à 256, 512, 1024, etc. Les moteurs récents en ont rarement besoin ; certaines cibles mobiles et web la préfèrent encore.
• Noms : chaque sprite porte le nom de son fichier, sans l’extension ; nommez donc les fichiers comme vous voulez les désigner dans le code.

JSON, images par nom est le format que TexturePacker a rendu courant. Phaser et PixiJS le chargent directement, et des importateurs existent pour Godot, GameMaker et la plupart des autres moteurs. JSON, liste d’images contient les mêmes données sous forme de liste ordonnée.

Godot (.tres) écrit un fichier AtlasTexture par sprite, qui porte son nom. Copiez-les dans le projet, dans le même dossier que le PNG, et utilisez n’importe lequel comme texture, sur un Sprite2D par exemple. Aucun plugin d’import n’est nécessaire, et les sprites rognés gardent leur taille d’origine.

Unity (.png.meta) est le fichier d’import propre à Unity. Copiez-le dans le projet à côté du PNG : la texture arrive découpée en sprites nommés, avec un filtrage par point et sans compression, comme le veut le pixel art.