**Language / Langue :** **FR** | [[en:yaml:drag-drop|EN]]

====== Glisser-déposer ======

Le glisser-déposer permet au joueur de prendre un élément du texte et de le déposer sur une cible. Il est disponible dans les interfaces web, desktop et export HTML interactif. Les autres adaptateurs affichent le contenu sans interaction drag&drop.

===== Sources et cibles =====

<code yaml>
texte: "La {{porte:$porte}} est fermée. La {{cle:>cle}} brille par terre."
</code>

  * %%{{label:>id}}%% : source que le joueur peut glisser.
  * %%{{label:$id}}%% : cible qui peut recevoir une source.
  * %%{{label:>src_id:$tgt_id}}%% : élément qui est à la fois source et cible.
  * %%{{label:>id1;id2}}%% : un même label peut porter plusieurs ids.

La syntaxe fonctionne aussi avec les images :

<code yaml>
texte: "Posez {{[[/scenarios/images/test/un.png]]:>jeton}} sur la {{dalle:$dalle}}."
</code>

===== Événement de drop =====

Un événement devient une paire drag&drop quand il contient ''source:'' et ''cible:''.

<code yaml>
texte: "La {{porte:$porte}} est fermée. La {{cle:>cle}} brille par terre."
interaction-ko: "Rien d'intéressant ici."
evenements:
  - id: cle_sur_porte
    source: cle
    cible: porte
    faire: "porte_fermee.=.0"
    texte: "La porte s'ouvre."
    texte-ko: "Cette clé n'ouvre pas cette porte."
    once: true
</code>

  * ''source:'' est l'id de l'élément glissé.
  * ''cible:'' est l'id de l'élément recevant le drop.
  * ''texte:'' est affiché si l'événement est exécuté.
  * ''texte-ko:'' est affiché si la condition ''si:'' échoue.
  * ''interaction-ko:'' au niveau salle sert de fallback si aucune paire ne correspond.

===== Conditions =====

  * ''si:'' vrai : l'événement s'exécute.
  * ''si:'' faux : ''texte-ko:'' est affiché, sinon ''interaction-ko:'' si défini.
  * ''visible-si:'' faux : l'élément redevient du texte normal et le drop est ignoré.
  * ''grise-si:'' vrai : l'élément est visible mais inactif ; un drop forcé reste silencieux.
  * ''once: true'' fonctionne comme sur les autres événements : l'interaction ne peut se produire qu'une seule fois par partie.
  * ''once: salle'' : l'événement se réarme à chaque fois que le joueur revient dans la salle (utile pour des interactions répétables par visite).

===== Afficher les rôles =====

Par défaut, sources et cibles utilisent un style neutre. Pour afficher visuellement les rôles, activez ''montrer-type: true'' au niveau du scénario ou seulement d'une salle.

<code yaml>
montrer-type: true

salles:
  - id: atelier
    montrer-type: true
    texte: "{{marteau:>marteau}} / {{enclume:$enclume}}"
</code>

Quand une valeur est définie dans une salle, elle remplace l'option globale pour cette salle.

Pendant un glisser (ou après un premier tap sur mobile), les éléments interactifs de la salle sont mis en **surbrillance** pour indiquer les cibles possibles.

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