ExempleTwine

//**Dans cette page on va définir une variable ou plusieurs et une valeur ici cette varible sera : love !**// (set: $love to 0) Petit tuto pour utiliser Twine 2.3.5 <a href="https://twinery.org/">https://twinery.org/</a> Vous pouvez enregistrer ce fichier et l'importer dans Twine pour découvrir les codes sources afin de les adapter à votre création ! //**Ici on fait un lien vers un autre passage**// [[Vers le passage 01 pour parler variable|passage01]] [[Vers le passage 02 pour parler aléatoire|aleatoire]] [[Vers le passage 03 pour parler images|images]] [[Vers le passage 04 pour parler style affichage |style]] [[Vers le passage 05 pour publier votre histoire |publier]] //**Ici on fait un lien externe**// Voir aussi Tuto Twine par le Reset <a href="https://wiki.lereset.org/ateliers:ecriturespeculative">https://wiki.lereset.org/ateliers:ecriturespeculative</a> Tuto NF V 1 // 2019

(set: $love +=1) Vous voilà sur ce passage et la valeur est augmentée de +1 Valeur =$love Si on clique sur le lien on va ajouter encore +1 à cette valeur. [[Aller vers passage 02|passage02]]

//**Ici on va ajouter +1 à notre valeur. On propose différents chemins au lecteur.**// (set: $love +=1) Vous voilà sur ce passage et la valeur est augmentée de +1 Valeur =$love Maintenant nous allons afficher des message en fonction de la valeur [[En ajoutant + 1 |passage03]] [[En "ajoutant" - 1 |passage04]]

Plusieurs manière de faire de l'aléatoire texte/images Exemple texte seul : (either: " Bonjour", " Bonsoir") Exemple texte + lien (either: " [[Lien aléatoire 1|passage02]]", " [[Lien aléatoire 2|passage01]]") Ici on affiche une image ou un texte en fonction d'un chiffre aléatoire : On va définir ce chiffre : (set: $event to (random: 1, 5)) En fonction du résultat on affiche ceci ou cela <center>(if: $event is 1)[<img src="http://studiotest.ensba-lyon.fr/twine/passion/001.jpg" width=300px >](elseif: $event is 2)[<img src="http://studiotest.ensba-lyon.fr/twine/passion/002.jpg" width=300px >](elseif: $event is 3)[<img src="http://studiotest.ensba-lyon.fr/twine/passion/003.jpg" width=300px >](elseif: $event is 4)[<img src="http://studiotest.ensba-lyon.fr/twine/passion/004.jpg" width=300px >](elseif: $event is 5)[<img src="http://studiotest.ensba-lyon.fr/twine/passion/005.jpg" width=300px >] [[Tester à nouveau cette page|aleatoire]] [[Retour|debut]]

//**Voici le code pour insérer une image. On peut aussi le faire avec de la vidéo ou du son**// <img src="http://studiotest.ensba-lyon.fr/twine/passion/001.jpg" width=300px > [[Retour|debut]]

Vous pouvez modifier le style d'affichage en cliquant en bas à gauche de l'écran et ensuite : "Modifier la feuille de style de l'histoire". Sur ce site vous pouvez trouver les codes des couleurs en hexadecimal <a href="https://htmlcolorcodes.com/fr/">https://htmlcolorcodes.com/fr/</a> Vous pouvez copier et coller la référence dans votre code CSS. Vous povez changer la couleur de fond, la couleur des liens... Exemple : #FF5733 Texte en rose #FF5733. La feuille CSS concerne tous les passages. Vous pouvez utiliser des balises dans un passage exemple //**Ici on pose des balises qui peuvent aussi s'imbriquer les unes aux autres. Exemple : Gras+Italique **// Texte Gras Texte italique <strike>Texte barré</strike> <center>Texte centré </center> Voir ici différentes balises HTML <a href="https://developer.mozilla.org/fr/docs/Apprendre/HTML/Balises_HTML">Les balises HTML et leur rôle</a> [[Retour|debut]]

//**Ici on va ajouter ou enlever une valeur. En fonction du resultat on peut afficher un message ou un lien différent**// (set: $love +=1) (if: $love >=2)[Tu as $love points : bravo] (else:) [Tu as $love points : dommage] [[Retour|debut]]

//**Ici on va ajouter ou enlever une valeur. En fonction du resultat on peut afficher un message ou un lien différent**// (set: $love -=1) (if: $love >=2)[Tu as $love points : bravo] (else:) [Tu as $love point(s) : dommage] [[Retour|debut]]

Une fois votre publication OK vous pouvez l'exporter sous forme d'un fichier .html et le consulter sur un navigateur web qu'il soit en ligne ou pas. Il faut cliquer en bas à gauche et "publier vers fichier " [[Retour|debut]]

Double-cliquez sur ce passage pour le modifier.