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.

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

• {{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 :

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

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

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

• 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.

• 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).

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.

montrer-type: true

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

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 discord Make&Play