Lundi matin, le visage encore chiffonné, les cheveux en bataille, vous ouvrez la porte d'entrée pour aller relever le courrier et vous remerquez immédiatement quelque chose d'inhabituel : deux bouteilles, pleines d'un liquide qui semble être du lait ont été placées par une main inconnue sur le seuil.
<img src="images/bouteille_lait.jpg" alt="bouteilles de lait sur le seuil" width="40%">
Vous inspectez l'une de deux bouteilles, l'ouvrez, la sentez, tout porte à croire qu'il s'agit de lait.
Qu'en faites-vous :
[[vous déplacez ces bouteilles de lait devant la porte d'entrée des voisins]]
[[vous servez ce lait dans une coupelle à votre vieux chat qui dort toujours sur votre lit]]
[[vous accompagnez votre thé d'un nuage de ce lait|boire]]
<b>Rendez-vous aux [[instructions|instruction1]]</b>
<<set $chance to 10>>
La situation initiale vous a montré comment réaliser les choses suivantes :
faire un lien vers un passage
distinguer ce lien d'avec le titre du passage
encapsuler une image dans le passage
# Ecrivez l'un des passages créés à propos de la bouteille de lait
* ajoutez-y une image
* ajoutez un lien vers un passage (le nom de ce passage sera "suite" et devra être différent du lien)
Pour ajouter une image :
@@.codeblock;
"""<img src="chemin ou URL de l'image" alt="texte alternatif de l'image">"""
@@
Une fois cela fait,
Rendez-vous à [[instruction2]]
Créer un passage qui sera le début de l'histoire et mènera au passage intitulé "lundi matin". Ce passage s'intitulera "réveil".
Dans ce passage, le personnage doit choisir entre trois objets à mettre dans sa robe de chambre avant d'ouvrir la porte.
<<radiobutton "$objet" "objet1" checked>> objet1
<<radiobutton "$objet" "objet2">> objet2
<<radiobutton "$objet" "objet3">> objet3
@@.codeblock;
"""<<radiobutton "$objet" "objet1" checked>> objet1"""
"""<<radiobutton "$objet" "objet2">> objet2"""
"""<<radiobutton "$objet" "objet3">> objet3"""
@@
Faire de ce nouveau passage le début de l'histoire
aller ensuite à [[instruction3]]
Dans le passage que vous avez rédigé en suivant [[instruction1]] , faire un lien vers un nouveau passage intitulé "mardi matin"
Dans ce passage, on va conditionner lep assage suivant à l'objet qui a été saisi par le personnage dans le passage "réveil" (désormais le passage initial)
@@.codeblock;
"""<<if $objet eq "montre">> Rendez-vous à [[situation 1]]"""
"""<<elseif $objet eq "clé">> Rendez-vous à [[situation 2]]"""
"""<<elseif $objet eq "portefeuille">> Rendez-vous à [[situation3]]"""
"""<</if>>"""
@@
<h2> Les variables</h2>
Vous avez créé une variable Objet
Les variables s'écrivent avec des '$'
les valeurs qu'on leur assigne sont soit des chiffres
@@.codeblock;
"""<<set $euros to 100>>"""
@@
soit des chaînes de caractère entre guillemets
@@.codeblock;
"""<<set $objet to "montre">>"""
@@
soit une valeur "true" ou "false"
@@.codeblock;
"""On, vient de vous voler votre montre !"""
"""<<set $montre to false>>"""
@@
soit d'autres variables :
@@.codeblock;
"""<<set $Ukraine to $free_country>>"""
@@
En fonction de la valeur qui va être attribuée à ces variables, le cours de l'histoire peut prendre un tour ou un autre.
<h2> Les variables</h2>
La conditionnalité :
@@.codeblock;
"""<<if>>condition 1"""
"""<<if>>condition 2"""
"""<<else>>condition 3"""
"""<</if>>"""
@@
Ne pas oublier la balise fermante """<</if>>""", c'est typiquement l'objet qu'on oublie à chaque fois.
Bien sûr, il est possible d'enchâsser les conditions entre elles.
[[Instructions suivantes|instruction4]]
Paf
<<button "retour" `previous()`>><</button>>Pouf
<<button "retour" `previous()`>><</button>>Pif
<<button "retour" `previous()`>><</button>>Créez les passages suivants :
<h1>1. Sous-titre</h1>
Créez un un passage indépendant (pas relié aux autres) que vous nommerez <b>StorySubtitle</b> (respecter la casse)
Dans le passage écrivez juste : "l'énigme des deux bouteilles de lait"
<h1>2. Sons</h1>
Créez un passage indépendant que vous nommerez <b>StoryInit</b>
Dans le passage copiez-collez le texte suivant :
@@.codeblock;
"""<<cacheaudio "mystery" "son/mystery.mp3">>"""
@@
Cette ligne fait réféfence au son mystery.mp3 qui est présent dans le dossier "son"
Allez dans le passage où on sert le lait à boire à son chat
copiez-collez le texte suivant :
@@.codeblock;
"""<<audio "mystery" volume 1 fadeout>>"""
@@
rejouez l'histoire et ce dernier passage : qu'est-ce que vous entenez ?
<h1>3. Score</h1>
Dans le passage "boire", ajouter le texte suivant :
<<set $chance to $chance - 5 >>
Créez un passage indépendant que vous nommerez <b>StoryCaption</b> (respectez la casse)
Dans ce passage écrivez le texte suivant :
@@.codeblock;
"""chance: $chance"""
@@
rejouez l'histoire en passant par le <b>passage "boire"</b>
Qu'est-ce que vous constatez ?
<h1>4. Sidebar</h1>
Placez-vous <b>au niveau de l'histoire</b> (lorsque vous éditez des passages, vous êtes dans l'onglet passage).
Cliquez sur { } Javascript et ouvrez l'éditeur.
Collez-y les deux lignes suivantes :
@@.codeblock;
"""l10nStrings.restartTitle = "Recommencer"; // French (fr)"""
"""l10nStrings.savesTitle = "Sauvegarder"; // French (fr)"""
@@
Que constatez-vous ?
Allez dans les [[instructions finales|instruction5]]
Laissez libre-cours à votre imagination : continuez l'histoire !
[[lundi matin]]
<img src="images/magritte.jpg" alt="sur un paysage marin, au dessus des flots dans un ciel gris s'élance la silhouette immense d'un oiseau, cette silhouette découpe dans la grisaille un ciel bleu parsemé de nuages blancs">
Magritte, la grande famille, 1963