Outils pour utilisateurs

Outils du site


fr:yaml:glisser-deposer

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Prochaine révision
Révision précédente
fr:yaml:glisser-deposer [2026/05/07 03:15] – Documentation interactions YAML cyrilfiestafr:yaml:glisser-deposer [2026/07/06 00:46] (Version actuelle) – maj 4.13 : modes d'interface + corrections cyrilfiesta
Ligne 1: Ligne 1:
 **Language / Langue :** **FR** | [[en:yaml:drag-drop|EN]] **Language / Langue :** **FR** | [[en:yaml:drag-drop|EN]]
  
-====== Glisser-deposer ======+====== Glisser-déposer ======
  
-Le glisser-deposer permet au joueur de prendre un element du texte et de le deposer 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.+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 ===== ===== Sources et cibles =====
  
 <code yaml> <code yaml>
-texte: "La {{porte:$porte}} est fermee. La {{cle:>cle}} brille par terre."+texte: "La {{porte:$porte}} est fermée. La {{cle:>cle}} brille par terre."
 </code> </code>
  
-  * ''{{label:>id}}'' : source que le joueur peut glisser. +  * %%{{label:>id}}%% : source que le joueur peut glisser. 
-  * ''{{label:$id}}'' : cible qui peut recevoir une source. +  * %%{{label:$id}}%% : cible qui peut recevoir une source. 
-  * ''{{label:>src_id:$tgt_id}}'' element qui est la fois source et cible. +  * %%{{label:>src_id:$tgt_id}}%% élément qui est à la fois source et cible. 
-  * ''{{label:>id1;id2}}'' : un meme label peut porter plusieurs ids.+  * %%{{label:>id1;id2}}%% : un même label peut porter plusieurs ids.
  
 La syntaxe fonctionne aussi avec les images : La syntaxe fonctionne aussi avec les images :
Ligne 22: Ligne 22:
 </code> </code>
  
-===== Evenement de drop =====+===== Événement de drop =====
  
-Un evenement devient une paire drag&drop quand il contient ''source:'' et ''cible:''.+Un événement devient une paire drag&drop quand il contient ''source:'' et ''cible:''.
  
 <code yaml> <code yaml>
-texte: "La {{porte:$porte}} est fermee. La {{cle:>cle}} brille par terre." +texte: "La {{porte:$porte}} est fermée. La {{cle:>cle}} brille par terre." 
-interaction-ko: "Rien d'interessant ici." +interaction-ko: "Rien d'intéressant ici."
 evenements: evenements:
   - id: cle_sur_porte   - id: cle_sur_porte
Ligne 36: Ligne 35:
     faire: "porte_fermee.=.0"     faire: "porte_fermee.=.0"
     texte: "La porte s'ouvre."     texte: "La porte s'ouvre."
-    texte-ko: "Cette cle n'ouvre pas cette porte."+    texte-ko: "Cette clé n'ouvre pas cette porte."
     once: true     once: true
 </code> </code>
  
-  * ''source:'' est l'id de l'element glisse+  * ''source:'' est l'id de l'élément glissé
-  * ''cible:'' est l'id de l'element recevant le drop. +  * ''cible:'' est l'id de l'élément recevant le drop. 
-  * ''texte:'' est affiche si l'evenement est execute+  * ''texte:'' est affiché si l'événement est exécuté
-  * ''texte-ko:'' est affiche si la condition ''si:'' echoue.+  * ''texte-ko:'' est affiché si la condition ''si:'' échoue.
   * ''interaction-ko:'' au niveau salle sert de fallback si aucune paire ne correspond.   * ''interaction-ko:'' au niveau salle sert de fallback si aucune paire ne correspond.
  
 ===== Conditions ===== ===== Conditions =====
  
-  * ''si:'' vrai : l'evenement s'execute+  * ''si:'' vrai : l'événement s'exécute
-  * ''si:'' faux : ''texte-ko:'' est affiche, sinon ''interaction-ko:'' si defini+  * ''si:'' faux : ''texte-ko:'' est affiché, sinon ''interaction-ko:'' si défini
-  * ''visible-si:'' faux : l'element redevient du texte normal et le drop est ignore+  * ''visible-si:'' faux : l'élément redevient du texte normal et le drop est ignoré
-  * ''grise-si:'' vrai : l'element est visible mais inactif ; un drop force reste silencieux. +  * ''grise-si:'' vrai : l'élément est visible mais inactif ; un drop forcé reste silencieux. 
-  * ''once: true'' fonctionne comme sur les autres evenements.+  * ''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 roles =====+===== Afficher les rôles =====
  
-Par defaut, sources et cibles utilisent un style neutre. Pour afficher visuellement les roles, activez ''montrer-type: true'' au niveau du scenario ou seulement d'une salle.+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> <code yaml>
Ligne 67: Ligne 67:
 </code> </code>
  
-Quand une valeur est definie dans une salle, elle remplace l'option globale pour cette salle.+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]]** **Retrouvez nous sur le [[https://discord.gg/Z63DtVV|discord Make&Play]]**
  
fr/yaml/glisser-deposer.1778116559.txt.gz · Dernière modification : de cyrilfiesta