**Language / Langue :** **FR** | [[en:yaml:tiles-tilemaps|EN]]

====== Tuiles et tilemaps ======

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.

===== Extraire une tuile =====

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

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.

===== Assembler une grille =====

<code yaml>
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]]
</code>

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

===== Variables dynamiques =====

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.

<code yaml>
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]]
</code>

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

===== Comportements utiles =====

  * 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 [[https://discord.gg/Z63DtVV|discord Make&Play]]**