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

Dernière révision Les deux révisions suivantes
ateliers:queergames:twinetuto [2018/04/29 16:00]
zora créée
ateliers:queergames:twinetuto [2018/04/29 16:17]
ag3m première version du code du 29 avril
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 = 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"''​.
 +
 +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 = 3)[(go-to: "Page suivante"​)]
 +   ]
 +
 +   ​(click:​ ?​MasqueAGaz)[
 + (set: $objets_dans_mon_sac to (ds:"​Masque à gaz"))
 + (set: $i to $i +1)
 + (if: $i = 3)[(go-to: "Page suivante"​)]
 +   ]
 +
 +   ​(click:​ ?Echarpe)[
 + (set: $objets_dans_mon_sac to (ds:"​Écharpe"​))
 + (set: $i to $i +1)
 + (if: $i = 3)[(go-to: "Page suivante"​)]
 +   ]
 +
  
ateliers/queergames/twinetuto.txt · Dernière modification: 2018/04/29 16:23 par ag3m