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

Les deux révisions précédentesRévision précédente
fr:yaml:glisser-deposer [2026/05/07 12:31] – Ajout once: salle (réarmement par visite) 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]]====== Glisser-deposer ======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.===== Sources et cibles =====<code yaml>texte: "La {{porte:$porte}} est fermee. 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}}%% : element qui est la fois source et cible.  * %%{{label:>id1;id2}}%% : un meme 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>===== Evenement de drop =====Un evenement devient une paire drag&drop quand il contient ''source:'' et ''cible:''.<code yaml>texte: "La {{porte:$porte}} est fermee. La {{cle:>cle}} brille par terre."interaction-ko: "Rien d'interessant ici."evenements:  - id: cle_sur_porte    source: cle    cible: porte    faire: "porte_fermee.=.0"    texte: "La porte s'ouvre."    texte-ko: "Cette cle n'ouvre pas cette porte."    once: true</code>  * ''source:'' est l'id de l'element glisse.  * ''cible:'' est l'id de l'element recevant le drop.  * ''texte:'' est affiche si l'evenement est execute.  * ''texte-ko:'' est affiche si la condition ''si:'' echoue.  * ''interaction-ko:'' au niveau salle sert de fallback si aucune paire ne correspond.===== Conditions =====  * ''si:'' vrai : l'evenement s'execute.  * ''si:'' faux : ''texte-ko:'' est affiche, sinon ''interaction-ko:'' si defini.  * ''visible-si:'' faux : l'element redevient du texte normal et le drop est ignore.  * ''grise-si:'' vrai : l'element est visible mais inactif ; un drop force reste silencieux.  * ''once: true'' fonctionne comme sur les autres evenements : l'interaction ne peut se produire qu'une seule fois par partie.  * ''once: salle'' : l'event se reenclenche a chaque fois que le joueur revient dans la salle (utile pour des interactions repetables par visite).===== Afficher les roles =====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.<code yaml>montrer-type: truesalles:  - id: atelier    montrer-type: true    texte: "{{marteau:>marteau}} / {{enclume:$enclume}}"</code>Quand une valeur est definie dans une salle, elle remplace l'option globale pour cette salle.**Retrouvez nous sur le [[https://discord.gg/Z63DtVV|discord Make&Play]]**+**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]]** 
fr/yaml/glisser-deposer.1778149870.txt.gz · Dernière modification : de cyrilfiesta