Outils pour utilisateurs

Outils du site


ateliers:queergames:twinetuto

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
ateliers:queergames:twinetuto [2018/04/29 16:00] – créée zoraateliers:queergames:twinetuto [2018/04/29 16:23] (Version actuelle) – corrections ag3m
Ligne 1: Ligne 1:
 Tuto de l'atelier Twine avec HTML CSS et un peu de code: Tuto de l'atelier Twine avec HTML CSS et un peu de code:
 +
 +======Exemple créé le 29 avril======
 +
 +===== Remplir un sac à dos en manif =====
 +
 +On commence par définir une variable $i qui va nous servir à compter le nombre de fois qu'on choisit un objet.
 +
 +''(set: $i to 0)''
 +
 +Ensuite on crée une liste pour choisir un objet. La liste est entre les balises <ul> </ul> (pour Unordered List) et chaque ligne entre les balises <li> et </li>.
 +
 +   Choisissez un objet :
 +   
 +   <ul>
 +   <li>[Serum phi]<Serumphi|</li>
 +   <li>[Lunettes]<Lunettes|</li>
 +   <li>[Masque à gaz]<MasqueAGaz|</li>
 +   <li>[Écharpe]<Echarpe|</li>
 +   <li>[Bouteille d'eau]<BouteilleDEau|</li>
 +   <li>[Pansements]<Pansements|</li>
 +   <li>[Sandwich]<Sandwich|</li>
 +   </ul>
 +   
 +À chaque objet est associé un tag. L'objet est entre crochets [ ] et le tag a un chevron et une barre horizontale (comme un dessin de tag) <...|
 +''[Sandwich]<Sandwich|''
 +
 +Grace à ces tags, nous allons pouvoir faire référence à chaque objet pour définir ce qu'il se passe quand on clique dessus.
 +
 +   (click: ?Serumphi)[
 + (set: $objets_dans_mon_sac to (ds:"Serum phi"))
 + (set: $i to $i +1)
 + (if: $i is 3)[(go-to: "Page suivante")]
 +   ]
 +
 +Explication de la syntaxe :
 +
 +''('' parenthèse = on va mettre une fonction
 +
 +''click:'' c'est la fonction "click" qui définit un truc à faire quand on clique sur...
 +
 +''?Serumphi'' Là, on fait référence à la partie tagguée "Serumphi".
 +
 +'')'' parenthèse = fin de la condition
 +
 +Là, on retrouve la fonction ''set:'' pour définir la variable ''$objet_dans_mon_sac'' à laquelle on donne la valeur ''"Serum phi"''. (dans ''(ds:'' parce que on crée une liste)
 +
 +Ensuite on incrémente $i de 1, ce qui permet de dire qu'on a choisit un objet de plus.
 +
 +ensuite, si (''if:'') $i est 3, on va (''go-to:'') à la page suivante. Sinon, on fait rien.
 +
 +Ensuite, on répète pour chaque objet.
 +
 +
 +
 +   (click: ?Lunettes)[
 + (set: $objets_dans_mon_sac to (ds:"Lunettes"))
 + (set: $i to $i +1)
 + (if: $i is 3)[(go-to: "Page suivante")]
 +   ]
 +
 +   (click: ?MasqueAGaz)[
 + (set: $objets_dans_mon_sac to (ds:"Masque à gaz"))
 + (set: $i to $i +1)
 + (if: $i is 3)[(go-to: "Page suivante")]
 +   ]
 +
 +   (click: ?Echarpe)[
 + (set: $objets_dans_mon_sac to (ds:"Écharpe"))
 + (set: $i to $i +1)
 + (if: $i is 3)[(go-to: "Page suivante")]
 +   ]
 +
  
ateliers/queergames/twinetuto.1525010433.txt.gz · Dernière modification : 2018/04/29 16:00 de zora