**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 encadre persistant.

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

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

La forme complete 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 coordonnees de la tuile, en partant de 0.

===== 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 separees par ''|''.

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

Les coordonnees peuvent utiliser des variables entre accolades. C'est utile pour une minimap ou un HUD mis a jour par des evenements.

<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 placees dans ''encadre:'' sont rafraichies avec la salle, comme les autres informations persistantes.

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

  * Si la grille contient moins de cellules que prevu, les cases manquantes sont remplies par des emplacements blancs.
  * Si des tuiles de tailles differentes sont melangees, l'affichage est normalise sur une taille commune.
  * Le linter signale les grilles incompletes.
  * Sur les adaptateurs qui ne peuvent pas afficher une tilemap interactive, un rendu de secours est utilise.

**Retrouvez nous sur le [[https://discord.gg/Z63DtVV|discord Make&Play]]**