Les tuiles permettent d'extraire une case d'une spritesheet. Les tilemaps assemblent plusieurs tuiles dans une grille, directement dans le texte ou dans un encadré persistant.

texte: "Tuile : [[/scenarios/images/test/tiles.png:4x4:1:2]]"

La forme complète est [[url:NxM:col:row]].

• N est le nombre de colonnes de la spritesheet.
• M est le nombre de lignes de la spritesheet.
• col et row sont les coordonnées de la tuile, en partant de 0.

Dans le texte, une tuile est limitée à la même taille qu'une image classique. Un clic l'agrandit en n'affichant que la case choisie, pas la spritesheet entière.

texte: |
  [[grid:3x3]]
  /scenarios/images/test/tiles.png:4x4:0:0 | /scenarios/images/test/tiles.png:4x4:1:0 | /scenarios/images/test/tiles.png:4x4:2:0
  /scenarios/images/test/tiles.png:4x4:0:1 | /scenarios/images/test/tiles.png:4x4:1:1 | /scenarios/images/test/tiles.png:4x4:2:1
  /scenarios/images/test/tiles.png:4x4:0:2 | /scenarios/images/test/tiles.png:4x4:1:2 | /scenarios/images/test/tiles.png:4x4:2:2
  [[/grid]]

Chaque cellule contient soit une tuile extraite avec url:NxM:col:row, soit une image directe. Les cellules sont séparées par |.

Les coordonnées peuvent utiliser des variables entre accolades. C'est utile pour une mini-carte ou un HUD mis à jour par des événements.

encadre: |
  [[grid:3x3]]
  /scenarios/images/test/tiles.png:4x4:0:0 | /scenarios/images/test/tiles.png:4x4:1:0 | /scenarios/images/test/tiles.png:4x4:2:0
  /scenarios/images/test/tiles.png:4x4:0:1 | /scenarios/images/test/tiles.png:4x4:{map_x}:{map_y} | /scenarios/images/test/tiles.png:4x4:2:1
  /scenarios/images/test/tiles.png:4x4:0:2 | /scenarios/images/test/tiles.png:4x4:1:2 | /scenarios/images/test/tiles.png:4x4:2:2
  [[/grid]]

Les grilles placées dans encadre: sont rafraîchies avec la salle, comme les autres informations persistantes.

• Si la grille contient moins de cellules que prévu, les cases manquantes sont remplies par des emplacements blancs.
• Si des tuiles de tailles différentes sont mélangées, l'affichage est normalisé sur une taille commune.
• Plusieurs cellules peuvent utiliser la même spritesheet, y compris lorsqu'elle est déjà en cache.
• Le linter signale les grilles incomplètes.
• Sur les adaptateurs qui ne peuvent pas afficher une tilemap interactive, un rendu de secours est utilisé.

Retrouvez nous sur le discord Make&Play