Extrudeur de tilesets

Une carte de tuiles dessine chaque tuile à partir d’un petit rectangle d’une grande texture. Quand la caméra se déplace d’une fraction de pixel, ou que la carte est agrandie ou filtrée, le moteur lit un cheveu au-delà de ce rectangle et attrape une lamelle de la tuile voisine. À l’écran, cette lamelle est une fine ligne qui scintille quand vous bougez.

L’extrusion entoure chaque tuile d’une bordure qui répète ses propres pixels de bord. Ce que le moteur lit juste à l’extérieur de la tuile a désormais la couleur de son bord : il n’y a plus rien à voir.

• Godot : dans les réglages d’atlas du TileSet, mettez dans Margins la marge et dans Separation l’espacement indiqués ici. La taille de région de texture reste la taille de vos tuiles.
• Unity : dans le Sprite Editor, découpez par taille de cellule, avec Offset égal à la marge et Padding égal à l’espacement.
• Tiled : en ajoutant le tileset, saisissez les mêmes Margin et Spacing.
• Phaser : passez la marge et l’espacement comme deux derniers arguments de addTilesetImage.

L’extrusion corrige les lignes qui viennent du moteur. Celles qui viennent du dessin sont une autre affaire : une tuile d’herbe dont le bord gauche ne correspond pas au bord droit montre un raccord, quelle que soit la façon de l’assembler.

Cliquez sur une tuile et choisissez La répéter pour la voir répétée trois fois sur trois, comme une carte la poserait. Activez Afficher les bords des tuiles pour voir exactement où une copie finit et où la suivante commence.