Your browser lacks required capabilities. Please upgrade it or switch to another to continue.
,,<<set $hasKey to false>>
Du betrittst einene Raum mit zwei Türen. Gehst du durch [[die Tür zu deiner Linken]] oder [[die Tür zu deiner Rechten]]?
Als du den schmalen Gang betrittst schließt sich plötzlich die Tür hinter dir. Der einzige Ausweg erscheint [[Das Portal vor dir|Endraum]].
<<audio owlsound play>>
<<set $hasKey to true>>
Du betrittst einen weitläufigen Säulengang als du bemerkst wie die Tür hinter dir ins Schloss fällt und nahtlos mit der Steinwand verschmilzt. Verwundert siehst du dich um und findest etwas glitzerndes auf dem Boden. Du hast einen Schlüssel gefunden!
Da es neben den Säulen nur in einen tiefen Abgrund geht, bleibt dir nur [[die Treppe am anderen Ende des Gangs|Endraum]].
<<audio wolfsound play>>Hier findest du eine kleine Dokumentation mit allen Funktionen die wir verwenden inklusive einer kleinen Erklärung und einem Anwendungsbeispiel.
Diese Anleitung basiert auf einem Tutorial von Adam Hammond (www.adamhammond.com/twineguide)
1. Dies ist ein normaler Text. Alles was außerhalb jeglichen Befehls steht wird als normaler Text interpretiert.
<h2>Kapitel 1: Links</h2>
2. Der folgende Text ist gleichzeitig ein Link zu einer gleichnamigen Passage:
Berta betrat [[die Tür zu ihrer Linken]].
Dies funktioniert über {{{[[Doppelte Eckige Klammern]]}}}
3. Um den angezeigten Text vom tatsächlichen Namen der Passage zu trennen verwendet man das | Symbol. Hier ein Beispiel:
Da ihr die Linke Tür nicht gefiel, ging Berta durch [[die rechte Tür. |rechts]]
Also: {{{[[angezeigter Text|Passagenname]]}}}
Dies erlaubt auch einfach mehrere Räume mit dem gleichen zu verbinden ohne repetitiven Text zu verwenden.
<h2>Kapitel 2: CSS und HTML</h2>
4. Twine basiert auf HTML, daher können wir im Fließtext beliebig HTML Befehle sogenannte "HTML-Tags" einstreuen. <b>dick</b> <i>kursiv</i> <u>unterstrichen</u> <b><i><u style ="color:blue">alles davon und blau</u></i></b>
Wird so geschrieben: {{{<b>dick</b> <i>kursiv</i> <u style ="color:blue">unterstrichen und blau</u>}}}
5. Im Editor Menü unten links können wir auf "Stylesheet bearbeiten" klicken um die CSS Befehle unseres gesamten Dokumentes anzupassen (dies überschreibt das hässliche Aussehen der Sugar Cube Vorlage) häufige Elemente beinhalten:
-body (der Körper des Dokuments): der gesamte Inhalt des Spiels ohne Header und Footer. Hierin werden alle grundlegenden Einstellungen bezüglich des Aussehens des Inhalts getroffen: Hintergrundbild oder -farbe, Schriftart, -farbe und -größe, Umrandungen, Zeilenabstände etc.
Diese grundlegenden Eigenschaften können dann für spezielle Stellen und Bereiche <i>überschrieben</i> werden.
- a ist für das Aussehen von Links zuständig.
Beispiel:
body{
background-color: white;
color: darkgrey;
font-family: Futura, Impact, Helvetica, sans-serif;
font-size:150%;
}
a {
color: tomato;
}
a:hover {
color: crimson;
border-bottom: 5px solid blue;
text-decoration: none;
}
6. Diese grundlegenden Eigenschaften können dann für spezielle Stellen und Bereiche <i>überschrieben</i> werden.
Wie HTML üblich kann man einem Element (hier einer Passage) eine, oder mehrere Klassen zuweisen und diese dann im Stylesheet über .nameDerKlasse ansprechen. Hierfür kann man der Passage einfach einen gleichnamigen Tag hinzufügen. Das funktioniert wie der Body, nur eben in einem eingeschränkten Bereich. Beispiel:
.saeulengang {
background-color: blue;
color: red;
}
7. Für noch feinere Anpassungen kann man einen HTML Befehl für einen Abschnitt verwenden. Z.B. "span" kann jederzeit innerhalb eines Absatzes genutzt werden (ist also für ein Wort oder einen Satz gut geeignet), wohingegen "div" einen eigenen Abschnitt beginnt. Dem Befehl wird dann eine Klasse oder ID zugewiesen die (genau wie der Tag im Abschnitt zuvor) damit im Stylesheet angesprochen werden kann.
Beispiel:
der folgende Text <span class="greentext"> ist grün </span> weil er so im Stylesheet definiert wurde.
<h2>Kapitel 3: Medieneinbindung</h2>
<h3>3.1 Bilder</h3>
8. Ein Bild per Weblink einbinden. Dies funktioniert ebenfalls über einen HTML Tag namens "img" gefolgt von dem Source Keyword und der URL des Links src="link". Im Gegensatz zu vielen anderen HTML Befehlen benötigt dieser KEINEN separaten end Tag!
Hier ein Beispiel:
<img src="https://vignette.wikia.nocookie.net/thestanleyparable/images/6/60/Two_Doors_Room.jpg/revision/latest?cb=20140107152907"/>
Code: {{{<img src="https://www.w3schools.com/tags/smiley.gif"/>}}}
9. Ein Bild aus einer lokalen Datei einbinden. Hier wird anstelle des Weblinks ein Dateipfad angegeben. Dieser ist <i>relativ</i> zur HTML Datei. Dateien im gleichen Ordner können direkt als dateiname.dateiendung angesprochen werden, wohningegen Dateien in beliebig vielen Ebenen an Unterordnern über diese erreicht werden müssen. D.h.: ordner/unterordner/unterunterordner/.../dateiname.dateiendung.
Beispiel:
<img src="images/Corridor1.jpg"/>
10. Weitere Einstellungen innerhalb des "img"-Tags sind alt="Alternativtext falls das Bild nicht geladen werden konnte" sowie height="Höhe in Pixeln" und width="Breite in Pixeln"
{{{<img src="smiley.gif" alt="Smiley face" height="42" width="42">}}}
<h3>3.2 Sounds und Musik</h3>
11. Für Sound gibt es einige gute Tools innerhalb von SugarCube2.x. Daher erstellen wir eine separate Passage mit dem Namen "StoryInit" Twine erkennt dies und wird beim Starten zuerst alle Befehle in dieser Passage ausführen. Das Macro
{{{<<cacheaudio "beliebigerName" "dateipfad">>}}}
lädt damit zu Beginn des Spiels alle Audiodateien in den Cache Speicher, um sie dann im Spiel ohne Verzögerung abspielen zu können.
Ein zweites Macro lässt uns diese Datei <b>jetzt ohne "" um den Namen!</b> abspielen:
{{{<<audio beliebigername play>>}}}
bis sie Zuende ist, oder durch:
{{{<<audio beliebigername stop>>}}}
gestoppt wird.
(<i>Eine Besonderheit ist, dass User zuerst ein Input machen müssen bevor das erste mal Sound abgespielt werden kann. Dies ist eine Maßnahme moderner Browser gegen aufdringliche Werbung</i>)
<h2>Kapitel 4: SugarCube Programmierung</h2>
12. User Inputs für Werte wie Namen kann man über das Textbox Macro realisieren.
Beispiel:
Hier kannst du etwas hinenschreiben. <<textbox "$input" "">> code: {{{<<textbox "$inputVariable" "Inhalt des Textfelds">>}}}
Durch das Input wird die angegebene Variable direkt gesetzt und du kannst sie im weiteren Verlauf nutzen.
13. Variablen können über {{{<<set $variablenname to Wert>>}}} initialisiert und verändert werden.
Beispiele:
<<set $name to "gregor">> Text muss immer in "" stehen. code:{{{<<set $name to "gregor">>}}}
<<set $num to 99>> Zahlenwerte brauchen keine Anführungszeichen code:{{{<<set $num to 99>>}}}
<<set $bool to false>> Boolsche Werte (wahr,falsch) ebenfalls nicht. code:{{{<<set $bool to false>>}}}
Die Ausgabe der Variablen kann jederzeit einfach im Text oder in einer Funktion geschehen:
$name $num $bool
14. If Befehle: Hiermit können wir unterschiedliche Dinge erlauben/tun je nachdem wie der aktuelle Status ist. Aufbau ist wie folgt:
{{{
<<if $testVariable is "5">> tu etwas
<<elseif $testVariable is "grün">> tu etwas anderes
<<elseif $testVariable is "6">> tu etwas völlig unerwartetes
<<else>> tu nichts.
<</if>> Ende des If Abschnitts
}}}
Beispiel:
<<if $name is "gregor">>Dieser Text wird angezeigt wenn du Name nicht geändert hast.
<<elseif $name is "bob">> Dieser Text wird angezeigt wenn du Bob angegeben hast
<<else>> Das hier kommt in jedem anderen Fall.
<</if>> Dieser Text steht außerhalb der Abfrage und wird somit immer angezeigt.
<h2>Kapitel 5: eigener Code und Javascript</h2>
15. Um Doppelklick auf diesen Absatz zum Bearbeiten.Verwirrt betrittst du ein gemütliches Wohnzimmer. Es gibt eine bequem aussehende Couch und einen Tisch mit Keksen und Tee. Du entschließt dich bis in alle Ewigkeit hier zu bleiben, denn Kekse sind cool.
Ende
<<if $hasKey is true>>[[Klicke hier um einen wundersamen Zusatz zu erhalten|UFOS]]
<</if>>
Du entscheidest dich doch noch ein letztes mal das Haus zu verlassen. Als du eine Wiese betrittst bist du dir sicher aus dem Augenwinkel ein UFO gesehen zu haben.
<div class="aliens">Doch jedes mal wenn du hinsiehst verschwindet es </div>
Du findest es sehr seltsam und gehst zurück in deine gemütliche neue Wohnung.<<cacheaudio "doh" "http://www.richmolnar.com/Sounds/Homer%20-%20D'oh!%20(2).wav">>
<<cacheaudio "wohoo" "http://www.richmolnar.com/Sounds/Homer%20-%20Woohoo!%20(1).wav">>
<<cacheaudio "intro" "https://geomazing.com/babenberg/sounds/1.mp3">>
<<cacheaudio "hit" "https://www.geomazing.com/bamberg/sounds/hit.mp3">>
<<cacheaudio "counter" "https://www.geomazing.com/bamberg/sounds/counter.mp3">>
<<cacheaudio "parry" "https://www.geomazing.com/bamberg/sounds/parry.mp3">>
/* In diesem Abschnitt werden alle Charaktere initialisiert.
hierfür nützt man den Befehl:
<<set $variablenName to new.baseCharacter("Name",Alter,HP,Stärke, Gold, Waffen, Rüstung, "Beschreibung", "url")>>
Aktuell ungenutze Variablen können einfach auf 0 bleiben und haben dann keinen Einfluss auf den Spielverlauf.*/
<<set $hero0 to new setup.baseCharacter("Sonnenschirm-Detektiv",0,0,0,0,0,0,"Beschreibung")>>
<<set $hero1 to new setup.baseCharacter("Sonnenschirm-Detektiv",10,1000,10,100,0,0,"Beschreibung")>>
<<set $hero2 to new setup.baseCharacter("Lucken-Pirat",10,1000,10,100,0,0,"Beschreibung")>>
<<set $hero3 to new setup.baseCharacter("Kristall-Ritter",10,1000,10,100,0,0,"Beschreibung")>>
<<set $hero4 to new setup.baseCharacter("Pferde-Kutsche",10,1000,10,100,0,0,"Beschreibung")>>
<<set $hero5 to new setup.baseCharacter("Burg-Wächter",10,1000,10,100,0,0,"Beschreibung")>>
<<set $hero6 to new setup.baseCharacter("Kommando-Station",10,1000,10,100,0,0,"Beschreibung")>>
<<set $hero7 to new setup.baseCharacter("Kumpel-Fluggerät",10,1000,10,100,0,0,"Beschreibung")>>
<<set $hero8 to new setup.baseCharacter("Super-Kommando-Station",10,1000,10,100,0,0,"Beschreibung")>>
<<set $hero9 to new setup.baseCharacter("Pferde-Düsenjäger",10,1000,10,100,0,0,"Beschreibung")>>
<<set $hero10 to new setup.baseCharacter("Drehkreisel-Superheld",10,1000,10,100,0,0,"Beschreibung")>>
<<set $monster1 to new setup.baseCharacter("Tentakel-Spinne",0,30,0,0,0,0,"","https://geomazing.com/babenberg/bilder/monster_1.jpg")>>
<<set $monster2 to new setup.baseCharacter("Augen-Paprika",0,30,0,0,0,0,"","https://geomazing.com/babenberg/bilder/monster_2.jpg")>>
<<set $monster3 to new setup.baseCharacter("Haariger Rettich",0,30,0,0,0,0,"","https://geomazing.com/babenberg/bilder/monster_3.jpg")>>
<<set $monster4 to new setup.baseCharacter("Otto Karotto",0,30,0,0,0,0,"","https://geomazing.com/babenberg/bilder/monster_4.jpg")>>
<<set $monster5 to new setup.baseCharacter("Piks-Kartoffel",0,30,0,0,0,0,"","https://geomazing.com/babenberg/bilder/monster_5.jpg")>>
<<set $monster6 to new setup.baseCharacter("Zwiebel-Radischen",0,30,0,0,0,0,"","https://geomazing.com/babenberg/bilder/monster_6.jpg")>>
<<set $monster7 to new setup.baseCharacter("Creepy-Paprika",0,30,0,0,0,0,"","https://geomazing.com/babenberg/bilder/monster_7.jpg")>>
<<set $monster8 to new setup.baseCharacter("Augen-Kreisch",0,30,0,0,0,0,"","https://geomazing.com/babenberg/bilder/monster_8.jpg")>>
<<set $monster9 to new setup.baseCharacter("Blutige Beete",0,30,0,0,0,0,"","https://geomazing.com/babenberg/bilder/monster_9.jpg")>>
<<set $monster10 to new setup.baseCharacter("Rasendes Radischen",0,30,0,0,0,0,"","https://geomazing.com/babenberg/bilder/monster_10.jpg")>>
<<set $monster11 to new setup.baseCharacter("3 Augen-Knolle",0,30,0,0,0,0,"","https://geomazing.com/babenberg/bilder/monster_11.jpg")>>
<<set $monster12 to new setup.baseCharacter("Stachel-Knolle",0,30,0,0,0,0,"","https://geomazing.com/babenberg/bilder/monster_12.jpg")>>
<<set $monster13 to new setup.baseCharacter("Irre-Möhre",0,30,0,0,0,0,"","https://geomazing.com/babenberg/bilder/monster_13.jpg")>>
<<set $monster14 to new setup.baseCharacter("Irre-Möhre",0,30,0,0,0,0,"","https://geomazing.com/babenberg/bilder/monster_14.jpg")>>
/*DEBUG STUFF:*/
<<set $player to $hero0>>
<<set $enemy to $monster1>>
<<set $currText to "">>
<<set $enemyAktion to"">><<nobr>>
<<audio "intro" volume 0.5 play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/1.jpg)');
</script>
<div class="wrapper">
<h1>Timm Thaler</h1>
<h2>und das Labyrinth des Herzens.</h2>
<br>
<p>Ein Geomaze durch das Babenberger Viertel.
<br>
<br>
Erstellt von
<br>
[[geomazing.com->https://geomazing.com/babenberg]]
<br>
mit den Kids vom
<br>
[[Spielmobil Bamberg->http://www.spielmobil-bamberg.de/]]
<br>
mit Musik von
<br>
[[Erik Matyas->https://soundimage.org]]</p>
</div>
<div class="btn-group">
<<button "Yeah!">>
<<goto "intro.1">>
<</button>>
</div>
<</nobr>>Hallo $name!
<<if $name is "Bob">> Ich heiße auch Bob, was für ein Zufall!
<<elseif $name is "Tim">>Du bist OK
<<elseif $name is "Carla">>Joooo
<<else>>Hmm, enttäuschend.
<</if>>Doppelklick auf diesen Absatz zum Bearbeiten.<<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/held_1.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$hero1.name</h1>
</div>
<div class="btn-group">
<<button "Held auswählen">><<set $player to $hero1>>
<<goto "ort_1">>
<</button>>
<<button "Held wechseln">>
<<goto "held_2">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_1.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Finde dieses Bild</h1>
</div>
<div class="btn-group">
<<if $visited1 is not 1>>
<<button "Hab's gefunden!">>
<<goto "ort_1_frage">>
<</button>>
<</if>>
<<button "Bild wechseln">>
<<goto "ort_2">>
<</button>>
</div>
<</nobr>><h1 style="text-align: center">Suche und finde diese Orte in der Burg</h1>
<span class="locationChoice">
<<link[img[https://www.gregorassfalg.de/zauberburg-bayreuth/bilder/ort1klein.jpg][ort1Monster]]>><</link>>
<h2 style="text-align: center"> Unterschlupf</h2>
<<link[img[https://www.gregorassfalg.de/zauberburg-bayreuth/bilder/ort2klein.jpg][ort2]]>><</link>>
<h2 style="text-align: center"> Treppe</h2>
<<link[img[https://www.gregorassfalg.de/zauberburg-bayreuth/bilder/ort3klein.jpg][ort3]]>><</link>>
<h2 style="text-align: center"> Runde Ecke</h2>
<<link[img[https://www.gregorassfalg.de/zauberburg-bayreuth/bilder/ort4klein.jpg][ort4]]>><</link>>
<h2 style="text-align: center"> Graffititür</h2>
</span>
/* Nonfunktionaler Code! Nur für die visuelle Darstellung gedacht.[[ort1Monster]][[ort2]][[ort3]][[ort4]]*/Willkommen an Ort 1
Spielerhp: $player.hp
GegnerHP: $monster1.hp
<<button "angreifen">>
<<if either(0,1) is 1>>
<<run $monster1.receiveDamage($player.applyDamage())>>
<<print $monster1.hp>>
<<audio punch play>>
<<else>>
<<run $player.receiveDamage($monster1.applyDamage())>>
<<print $player.hp>>
<<audio pain play>>
<</if>>
<<goto"ort1Monster">>
<</button>>
<<if $monster1.hp<= 0>>
<<goto"ort1Loot">>
<</if>>
/*[[ort1Loot]]*/Willkommen an Ort 2Willkommen, hier ist dein Loot!
<<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/held_2.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$hero2.name</h1>
</div>
<div class="btn-group">
<<button "Held auswählen">><<set $player to $hero2>>
<<goto "ort_1">>
<</button>>
<<button "Held wechseln">>
<<goto "held_3">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/held_3.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$hero3.name</h1>
</div>
<div class="btn-group">
<<button "Held auswählen">><<set $player to $hero3>>
<<goto "ort_1">>
<</button>>
<<button "Held wechseln">>
<<goto "held_4">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/held_4.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$hero4.name</h1>
</div>
<div class="btn-group">
<<button "Held auswählen">><<set $player to $hero4>>
<<goto "ort_1">>
<</button>>
<<button "Held wechseln">>
<<goto "held_5">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/held_5.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$hero5.name</h1>
</div>
<div class="btn-group">
<<button "Held auswählen">><<set $player to $hero5>>
<<goto "ort_1">>
<</button>>
<<button "Held wechseln">>
<<goto "held_6">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/held_6.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$hero6.name</h1>
</div>
<div class="btn-group">
<<button "Held auswählen">><<set $player to $hero6>>
<<goto "ort_1">>
<</button>>
<<button "Held wechseln">>
<<goto "held_7">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/held_7.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$hero7.name</h1>
</div>
<div class="btn-group">
<<button "Held auswählen">><<set $player to $hero7>>
<<goto "ort_1">>
<</button>>
<<button "Held wechseln">>
<<goto "held_8">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/held_8.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$hero8.name</h1>
</div>
<div class="btn-group">
<<button "Held auswählen">><<set $player to $hero8>>
<<goto "ort_1">>
<</button>>
<<button "Held wechseln">>
<<goto "held_9">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/held_9.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$hero9.name</h1>
</div>
<div class="btn-group">
<<button "Held auswählen">><<set $player to $hero9>>
<<goto "ort_1">>
<</button>>
<<button "Held wechseln">>
<<goto "held_10">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/held_10.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$hero10.name</h1>
</div>
<div class="btn-group">
<<button "Held auswählen">><<set $player to $hero10>>
<<goto "ort_1">>
<</button>>
<<button "Held wechseln">>
<<goto "held_1">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_2.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Finde dieses Bild</h1>
</div>
<div class="btn-group">
<<if $visited2 is not 1>>
<<button "Hab's gefunden!">>
<<goto "ort_2_frage">>
<</button>>
<</if>>
<<button "Bild wechseln">>
<<goto "ort_3">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_3.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Finde dieses Bild</h1>
</div>
<div class="btn-group">
<<if $visited3 is not 1>>
<<button "Hab's gefunden!">>
<<goto "ort_3_frage">>
<</button>>
<</if>>
<<button "Bild wechseln">>
<<goto "ort_4">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_4.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Finde dieses Bild</h1>
</div>
<div class="btn-group">
<<if $visited4 is not 1>>
<<button "Hab's gefunden!">>
<<goto "ort_4_frage">>
<</button>>
<</if>>
<<button "Bild wechseln">>
<<goto "ort_5">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_5.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Finde dieses Bild</h1>
</div>
<div class="btn-group">
<<if $visited5 is not 1>>
<<button "Hab's gefunden!">>
<<goto "ort_5_frage">>
<</button>>
<</if>>
<<button "Bild wechseln">>
<<goto "ort_6">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_6.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Finde dieses Bild</h1>
</div>
<div class="btn-group">
<<if $visited6 is not 1>>
<<button "Hab's gefunden!">>
<<goto "ort_6_frage">>
<</button>>
<</if>>
<<button "Bild wechseln">>
<<goto "ort_7">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_7.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Finde dieses Bild</h1>
</div>
<div class="btn-group">
<<if $visited7 is not 1>>
<<button "Hab's gefunden!">>
<<goto "ort_7_frage">>
<</button>>
<</if>>
<<button "Bild wechseln">>
<<goto "ort_8">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_8.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Finde dieses Bild</h1>
</div>
<div class="btn-group">
<<if $visited8 is not 1>>
<<button "Hab's gefunden!">>
<<goto "ort_8_frage">>
<</button>>
<</if>>
<<button "Bild wechseln">>
<<goto "ort_9">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_9.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Finde dieses Bild</h1>
</div>
<div class="btn-group">
<<if $visited9 is not 1>>
<<button "Hab's gefunden!">>
<<goto "ort_9_frage">>
<</button>>
<</if>>
<<button "Bild wechseln">>
<<goto "ort_10">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_10.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Finde dieses Bild</h1>
</div>
<div class="btn-group">
<<if $visited10 is not 1>>
<<button "Hab's gefunden!">>
<<goto "ort_10_frage">>
<</button>>
<</if>>
<<button "Bild wechseln">>
<<goto "ort_11">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_11.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Finde dieses Bild</h1>
</div>
<div class="btn-group">
<<if $visited11 is not 1>>
<<button "Hab's gefunden!">>
<<goto "ort_11_frage">>
<</button>>
<</if>>
<<button "Bild wechseln">>
<<goto "ort_12">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_12.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Finde dieses Bild</h1>
</div>
<div class="btn-group">
<<if $visited12 is not 1>>
<<button "Hab's gefunden!">>
<<goto "ort_12_frage">>
<</button>>
<</if>>
<<button "Bild wechseln">>
<<goto "ort_1">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_1.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage:</h1>
<h2>Ich habe zwei?</h2>
<br>
</div>
<div class="btn-group">
<<button "Hebel">>
<<goto"ort_1_richtig">>
<</button>>
<<button "Ohren">>
<<goto"ort_1_falsch">>
<</button>>
<<button "Beine">>
<<goto"ort_1_falsch">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_1.jpg)');
</script>
<div class="wrapper">
<h1>Richtig!</h1>
<h2>Monster "$monster1.name" gefunden</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster1>>
<<goto"fight">>
<</button>>
</div>
<</nobr>><<nobr>><<set $player.level to $player.level -10>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_1.jpg)');
</script>
<div class="wrapper">
<h1>Falsch!</h1>
<h2>10 Thaler verloren</h2>
</div>
<div class="btn-group">
<<if $player.level gt 0>>
<<button "Nochmal versuchen">>
<<goto "ort_1_frage">>
<</button>>
<<else>>
<<button "Nochmal versuchen">>
<<goto "tot">>
<</button>>
<</if>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_2.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage:</h1>
<h2>Ich hänge unterm Dach und mache...</h2>
<br>
</div>
<div class="btn-group">
<<button "Krach">>
<<goto"ort_2_falsch">>
<</button>>
<<button "Licht">>
<<goto"ort_2_richtig">>
<</button>>
<<button "Dunkel">>
<<goto"ort_2_falsch">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_2.jpg)');
</script>
<div class="wrapper">
<h1>Richtig!</h1>
<h2>Monster "$monster2.name" gefunden</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster2>>
<<goto"fight">>
<</button>>
</div>
<</nobr>><<nobr>><<set $player.level to $player.level -10>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_2.jpg)');
</script>
<div class="wrapper">
<h1>Falsch!</h1>
<h2>10 Thaler verloren</h2>
</div>
<div class="btn-group">
<<if $player.level gt 0>>
<<button "Nochmal versuchen">>
<<goto "ort_2_frage">>
<</button>>
<<else>>
<<button "Nochmal versuchen">>
<<goto "tot">>
<</button>>
<</if>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_3.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage:</h1>
<h2>Ich komme aus und gehe in den...</h2>
<br>
</div>
<div class="btn-group">
<<button "Boden">>
<<goto"ort_3_falsch">>
<</button>>
<<button "Stein">>
<<goto"ort_3_richtig">>
<</button>>
<<button "Bach">>
<<goto"ort_3_falsch">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_3.jpg)');
</script>
<div class="wrapper">
<h1>Richtig!</h1>
<h2>Monster "$monster3.name" gefunden</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster3>>
<<goto"fight">>
<</button>>
</div>
<</nobr>><<nobr>><<set $player.level to $player.level -10>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_3.jpg)');
</script>
<div class="wrapper">
<h1>Falsch!</h1>
<h2>10 Thaler verloren</h2>
</div>
<div class="btn-group">
<<if $player.level gt 0>>
<<button "Nochmal versuchen">>
<<goto "ort_3_frage">>
<</button>>
<<else>>
<<button "Nochmal versuchen">>
<<goto "tot">>
<</button>>
<</if>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_4.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage:</h1>
<h2>Für diesem Belag braucht ihr einen...</h2>
<br>
</div>
<div class="btn-group">
<<button "Führerschein">>
<<goto"ort_4_falsch">>
<</button>>
<<button "Gummireifen">>
<<goto"ort_4_falsch">>
<</button>>
<<button "Ball">>
<<goto"ort_4_richtig">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_4.jpg)');
</script>
<div class="wrapper">
<h1>Richtig!</h1>
<h2>Monster "$monster4.name" gefunden</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster4>>
<<goto"fight">>
<</button>>
</div>
<</nobr>><<nobr>><<set $player.level to $player.level -10>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_4.jpg)');
</script>
<div class="wrapper">
<h1>Falsch!</h1>
<h2>10 Thaler verloren</h2>
</div>
<div class="btn-group">
<<if $player.level gt 0>>
<<button "Nochmal versuchen">>
<<goto "ort_4_frage">>
<</button>>
<<else>>
<<button "Nochmal versuchen">>
<<goto "tot">>
<</button>>
<</if>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_5.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage:</h1>
<h2>Das ist der...</h2>
<br>
</div>
<div class="btn-group">
<<button "Jürgen">>
<<goto"ort_5_falsch">>
<</button>>
<<button "Ronaldo">>
<<goto"ort_5_falsch">>
<</button>>
<<button "Gabriel">>
<<goto"ort_5_richtig">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_6.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage:</h1>
<h2>Der Joseph hat eine...</h2>
<br>
</div>
<div class="btn-group">
<<button "Stiefel">>
<<goto"ort_6_falsch">>
<</button>>
<<button "Stift">>
<<goto"ort_6_falsch">>
<</button>>
<<button "Stiftung">>
<<goto"ort_6_richtig">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_7.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage:</h1>
<h2>Ganz in der Nähe stehen drei...</h2>
<br>
</div>
<div class="btn-group">
<<button "Räuber">>
<<goto"ort_7_falsch">>
<</button>>
<<button "Rohre">>
<<goto"ort_7_richtig">>
<</button>>
<<button "Radischen">>
<<goto"ort_7_falsch">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_8.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage:</h1>
<h2>Wieviele Fahrradständer gibt es insgesamt?</h2>
<br>
</div>
<div class="btn-group">
<<button "7">>
<<goto"ort_8_falsch">>
<</button>>
<<button "8">>
<<goto"ort_8_richtig">>
<</button>>
<<button "9">>
<<goto"ort_8_falsch">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_5.jpg)');
</script>
<div class="wrapper">
<h1>Richtig!</h1>
<h2>Monster "$monster5.name" gefunden</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster5>>
<<goto"fight">>
<</button>>
</div>
<</nobr>><<nobr>><<set $player.level to $player.level -10>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_5.jpg)');
</script>
<div class="wrapper">
<h1>Falsch!</h1>
<h2>10 Thaler verloren</h2>
</div>
<div class="btn-group">
<<if $player.level gt 0>>
<<button "Nochmal versuchen">>
<<goto "ort_5_frage">>
<</button>>
<<else>>
<<button "Nochmal versuchen">>
<<goto "tot">>
<</button>>
<</if>>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_6.jpg)');
</script>
<div class="wrapper">
<h1>Richtig!</h1>
<h2>Monster "$monster6.name" gefunden</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster6>>
<<goto"fight">>
<</button>>
</div>
<</nobr>><<nobr>><<set $player.level to $player.level -10>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_6.jpg)');
</script>
<div class="wrapper">
<h1>Falsch!</h1>
<h2>10 Thaler verloren</h2>
</div>
<div class="btn-group">
<<if $player.level gt 0>>
<<button "Nochmal versuchen">>
<<goto "ort_6_frage">>
<</button>>
<<else>>
<<button "Nochmal versuchen">>
<<goto "tot">>
<</button>>
<</if>>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_7.jpg)');
</script>
<div class="wrapper">
<h1>Richtig!</h1>
<h2>Monster "$monster7.name" gefunden</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster7>>
<<goto"fight">>
<</button>>
</div>
<</nobr>><<nobr>><<set $player.level to $player.level -10>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_7.jpg)');
</script>
<div class="wrapper">
<h1>Falsch!</h1>
<h2>10 Thaler verloren</h2>
</div>
<div class="btn-group">
<<if $player.level gt 0>>
<<button "Nochmal versuchen">>
<<goto "ort_7_frage">>
<</button>>
<<else>>
<<button "Nochmal versuchen">>
<<goto "tot">>
<</button>>
<</if>>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_8.jpg)');
</script>
<div class="wrapper">
<h1>Richtig!</h1>
<h2>Monster "$monster8.name" gefunden</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster8>>
<<goto"fight">>
<</button>>
</div>
<</nobr>><<nobr>><<set $player.level to $player.level -10>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_8.jpg)');
</script>
<div class="wrapper">
<h1>Falsch!</h1>
<h2>10 Thaler verloren</h2>
</div>
<div class="btn-group">
<<if $player.level gt 0>>
<<button "Nochmal versuchen">>
<<goto "ort_8_frage">>
<</button>>
<<else>>
<<button "Nochmal versuchen">>
<<goto "tot">>
<</button>>
<</if>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_9.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage:</h1>
<h2>Hier schläft das...</h2>
<br>
</div>
<div class="btn-group">
<<button "Känguru">>
<<goto"ort_9_falsch">>
<</button>>
<<button "Rhinozeros">>
<<goto"ort_9_falsch">>
<</button>>
<<button "Krokodil">>
<<goto"ort_9_richtig">>
<</button>>
</div>
<</nobr>><<nobr>><<set $player.level to $player.level -10>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_9.jpg)');
</script>
<div class="wrapper">
<h1>Falsch!</h1>
<h2>10 Thaler verloren</h2>
</div>
<div class="btn-group">
<<if $player.level gt 0>>
<<button "Nochmal versuchen">>
<<goto "ort_9_frage">>
<</button>>
<<else>>
<<button "Nochmal versuchen">>
<<goto "tot">>
<</button>>
<</if>>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_9.jpg)');
</script>
<div class="wrapper">
<h1>Richtig!</h1>
<h2>Monster "$monster9.name" gefunden</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster9>>
<<goto"fight">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_10.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage:</h1>
<h2>Ich bin die Nummer...</h2>
<br>
</div>
<div class="btn-group">
<<button "3">>
<<goto"ort_10_falsch">>
<</button>>
<<button "4">>
<<goto"ort_10_falsch">>
<</button>>
<<button "5">>
<<goto"ort_10_richtig">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_10.jpg)');
</script>
<div class="wrapper">
<h1>Richtig!</h1>
<h2>Monster "$monster10.name" gefunden</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster10>>
<<goto"fight">>
<</button>>
</div>
<</nobr>><<nobr>><<set $player.level to $player.level -10>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_10.jpg)');
</script>
<div class="wrapper">
<h1>Falsch!</h1>
<h2>10 Thaler verloren</h2>
</div>
<div class="btn-group">
<<if $player.level gt 0>>
<<button "Nochmal versuchen">>
<<goto "ort_10_frage">>
<</button>>
<<else>>
<<button "Nochmal versuchen">>
<<goto "tot">>
<</button>>
<</if>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_11.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage:</h1>
<h2>Diese Tür gehört zur...</h2>
<br>
</div>
<div class="btn-group">
<<button "Schule">>
<<goto"ort_11_falsch">>
<</button>>
<<button "Altenheim">>
<<goto"ort_11_falsch">>
<</button>>
<<button "Kita">>
<<goto"ort_11_richtig">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_11.jpg)');
</script>
<div class="wrapper">
<h1>Richtig!</h1>
<h2>Monster "$monster11.name" gefunden</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster11>>
<<goto"fight">>
<</button>>
</div>
<</nobr>><<nobr>><<set $player.level to $player.level -10>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_11.jpg)');
</script>
<div class="wrapper">
<h1>Falsch!</h1>
<h2>10 Thaler verloren</h2>
</div>
<div class="btn-group">
<<if $player.level gt 0>>
<<button "Nochmal versuchen">>
<<goto "ort_11_frage">>
<</button>>
<<else>>
<<button "Nochmal versuchen">>
<<goto "tot">>
<</button>>
<</if>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_12.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage:</h1>
<h2>Vor mir steht eine...</h2>
<br>
</div>
<div class="btn-group">
<<button "Tischtennisplatte">>
<<goto"ort_12_falsch">>
<</button>>
<<button "Wand">>
<<goto"ort_12_falsch">>
<</button>>
<<button "Bank">>
<<goto"ort_12_richtig">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_12.jpg)');
</script>
<div class="wrapper">
<h1>Richtig!</h1>
<h2>Monster "$monster12.name" gefunden</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster12>>
<<goto"fight">>
<</button>>
</div>
<</nobr>><<nobr>><<set $player.level to $player.level -10>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_12.jpg)');
</script>
<div class="wrapper">
<h1>Falsch!</h1>
<h2>10 Thaler verloren</h2>
</div>
<div class="btn-group">
<<if $player.level gt 0>>
<<button "Nochmal versuchen">>
<<goto "ort_12_frage">>
<</button>>
<<else>>
<<button "Nochmal versuchen">>
<<goto "tot">>
<</button>>
<</if>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url($enemy.img)');
</script>
<div class="wrapper">
<h1>$enemy.name</h1>
<h2 class="flashit">$currText</h2>
</div>
<div class="btn-group">
<<button "Schere">>
<<set $playerAktion to 0>>
<<set $enemyAktion to either(0,1,2)>>
<<switch $enemyAktion>>
<<case 0>>
<<set $currText to $parryT>>
<<audio "parry" play>>
<<case 1>>
<<run $player.receiveDamage($enemy.applyDamage())>>
<<set $currText to $counterT>>
<<audio "counter" play>>
<<case 2>>
<<run $enemy.receiveDamage($player.applyDamage())>>
<<set $currText to $hitT>>
<<audio "hit" play>>
<</switch>>
<<goto"fight">>
<</button>>
<<button "Stein">>
<<set $playerAktion to 1>>
<<set $enemyAktion to either(0,1,2)>>
<<switch $enemyAktion>>
<<case 1>>
<<set $currText to $parryT>>
<<audio "parry" play>>
<<case 2>>
<<run $player.receiveDamage($enemy.applyDamage())>>
<<set $currText to $counterT>>
<<audio "counter" play>>
<<case 0>>
<<run $enemy.receiveDamage($player.applyDamage())>>
<<set $currText to $hitT>>
<<audio "hit" play>>
<</switch>>
<<goto"fight">>
<</button>>
<<button "Papier">>
<<set $playerAktion to 2>>
<<set $enemyAktion to either(0,1,2)>>
<<switch $enemyAktion>>
<<case 2>>
<<set $currText to $parryT>>
<<audio "parry" play>>
<<case 0>>
<<run $player.receiveDamage($enemy.applyDamage())>>
<<set $currText to $counterT>>
<<audio "counter" play>>
<<case 1>>
<<run $enemy.receiveDamage($player.applyDamage())>>
<<set $currText to $hitT>>
<<audio "hit" play>>
<</switch>>
<<goto"fight">>
<</button>>
</div>
/* Hier sind die Anzeigetexte für Trefferfeedback*/
<<set $parryT to "Gleichstand">>
<<set $hitT to "Gewonnen">>
<<set $counterT to "Verloren">>
<<if $enemy.hp<= 0>>
<<set $currText to "">>
<<goto "sieg">>
<</if>>
<<if $player.hp<= 0>>
<<goto "tot">>
<</if>>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/tot.jpg)');
</script>
<div class="wrapper">
<h1>Du hast keine Thaler mehr</h1>
</div>
<div class="btn-group">
<<button "Neustart?">>
<<goto "held_1">>
<</button>>
</div>
<</nobr>><h3>Lachen: $player.age | Thaler: $player.level</h3><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/1.jpg)');
</script>
<div class="wrapper">
<h1>Timm Thaler</h1>
<h2>und das Labyrinth des Herzens.</h2>
</div>
<div class="btn-group">
<<button "Spielen">>
<<goto "intro">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/ort_13.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Finde dieses Bild</h1>
</div>
<div class="btn-group">
<<button "Hab's gefunden!">>
<<goto "ort_13_frage">>
<</button>>
<<button "Bild wechseln">>
<<goto "ort_1">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/ort_13.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage</h1>
<h2>Wir stehen vor der...</h2>
<br>
</div>
<div class="btn-group">
<<button "Bibliothek">>
<<goto"ort_13_falsch">>
<</button>>
<<button "Mensa">>
<<goto"ort_13_richtig">>
<</button>>
<<button "Turnhalle">>
<<goto"ort_13_falsch">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/freund_13.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Geldschein</h1>
<h2>Davon kannste Dir was kaufen.</h2>
</div>
<div class="btn-group">
<<button "Dollars (+50 Dollars)">><<set $player.level to $player.level +50>>
<<goto"ort_1">>
<</button>>
<<button "Heilung (+15 Power)">><<set $player.hp to $player.hp + 15>>
<<goto"ort_1">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/monster_13.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$monster13.name</h1>
<h2>$monster13.description</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster13>>
<<goto "fight">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_14.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Was nun?</h1>
<p>1. Wähle einen Helden.
<br>
2. Finde die Bilder.
<br>
3. Löse die Rätsel.
<br>
4. Besiege die Monster.
<br>
5. Erreiche 100 Lachen. </p>
</div>
<div class="btn-group">
<<button "Ok">>
<<goto "held_1">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url($enemy.img)');
</script>
<div class="wrapper">
<h1>Sieg</h1>
</div>
<div class="btn-group">
<<button "Weiter">>
<<if $enemy.hp<= 0>>
<<set $currText to "">>
<<switch $enemy.name>>
<<case "Tentakel-Spinne">>
<<goto "ort_1_loot">>
<<case "Augen-Paprika">>
<<goto "ort_2_loot">>
<<case "Haariger Rettich">>
<<goto "ort_3_loot">>
<<case "Otto Karotto">>
<<goto "ort_4_loot">>
<<case "Piks-Kartoffel">>
<<goto "ort_5_loot">>
<<case "Zwiebel-Radischen">>
<<goto "ort_6_loot">>
<<case "Creepy-Paprika">>
<<goto "ort_7_loot">>
<<case "Augen-Kreisch">>
<<goto "ort_8_loot">>
<<case "Blutige Beete">>
<<goto "ort_9_loot">>
<<case "Rasendes Radischen">>
<<goto "ort_10_loot">>
<<case "3 Augen-Knolle">>
<<goto "ort_12_loot">>
<<case "Stachel-Knolle">>
<<goto "ort_12_loot">>
<<case "Irre-Möhre">>
<<goto "ort_13_loot">>
<</switch>>
<</if>>
<</button>>
</div>
<</nobr>><<nobr>>
<<set $visited1 to 1>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_1.jpg)');
</script>
<div class="wrapper">
<h1>Lachen zurück gewonnen</h1>
</div>
<div class="btn-group">
<<if $lachen is 90>>
<<button "+10 Lachen">><<set $player.age to $player.age + 10>>
<<goto"end">>
<</button>>
<<else>>
<<button "+10 Lachen">><<set $player.age to $player.age + 10>>
<<goto"ort_2">>
<</button>>
<</if>>
</div>
<</nobr>><<nobr>>
<<set $visited2 to 1>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_2.jpg)');
</script>
<div class="wrapper">
<h1>Lachen zurück gewonnen</h1>
</div>
<div class="btn-group">
<<if $lachen is 90>>
<<button "+10 Lachen">><<set $player.age to $player.age + 10>>
<<goto"end">>
<</button>>
<<else>>
<<button "+10 Lachen">><<set $player.age to $player.age + 10>>
<<goto"ort_3">>
<</button>>
<</if>>
</div>
<</nobr>><<nobr>>
<<set $visited3 to 1>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_3.jpg)');
</script>
<div class="wrapper">
<h1>Lachen zurück gewonnen</h1>
</div>
<div class="btn-group">
<<if $lachen is 90>>
<<button "+10 Lachen">><<set $player.age to $player.age + 10>>
<<goto"end">>
<</button>>
<<else>>
<<button "+10 Lachen">><<set $player.age to $player.age + 10>>
<<goto"ort_4">>
<</button>>
<</if>>
</div>
<</nobr>><<nobr>>
<<set $visited4 to 1>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_4.jpg)');
</script>
<div class="wrapper">
<h1>Lachen zurück gewonnen</h1>
</div>
<div class="btn-group">
<<if $lachen is 90>>
<<button "+10 Lachen">><<set $player.age to $player.age + 10>>
<<goto"end">>
<</button>>
<<else>>
<<button "+10 Lachen">><<set $player.age to $player.age + 10>>
<<goto"ort_5">>
<</button>>
<</if>>
</div>
<</nobr>><<nobr>>
<<set $visited5 to 1>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_5.jpg)');
</script>
<div class="wrapper">
<h1>Lachen zurück gewonnen</h1>
</div>
<div class="btn-group">
<<if $lachen is 90>>
<<button "+10 Lachen">><<set $player.age to $player.age + 10>>
<<goto"end">>
<</button>>
<<else>>
<<button "+10 Lachen">><<set $player.age to $player.age + 10>>
<<goto"ort_6">>
<</button>>
<</if>>
</div>
<</nobr>><<nobr>>
<<set $visited6 to 1>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_6.jpg)');
</script>
<div class="wrapper">
<h1>Lachen zurück gewonnen</h1>
</div>
<div class="btn-group">
<<if $lachen is 90>>
<<button "+10 Lachen">><<set $player.age to $player.age + 10>>
<<goto"end">>
<</button>>
<<else>>
<<button "+10 Lachen">><<set $player.age to $player.age + 10>>
<<goto"ort_7">>
<</button>>
<</if>>
</div>
<</nobr>><<nobr>>
<<set $visited7 to 1>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_7.jpg)');
</script>
<div class="wrapper">
<h1>Lachen zurück gewonnen</h1>
</div>
<div class="btn-group">
<<if $lachen is 90>>
<<button "+10 Lachen">><<set $player.age to $player.age + 10>>
<<goto"end">>
<</button>>
<<else>>
<<button "+10 Lachen">><<set $player.age to $player.age + 10>>
<<goto"ort_8">>
<</button>>
<</if>>
</div>
<</nobr>><<nobr>>
<<set $visited8 to 1>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_8.jpg)');
</script>
<div class="wrapper">
<h1>Lachen zurück gewonnen</h1>
</div>
<div class="btn-group">
<<if $lachen is 90>>
<<button "+10 Lachen">><<set $player.age to $player.age + 10>>
<<goto"end">>
<</button>>
<<else>>
<<button "+10 Lachen">><<set $player.age to $player.age + 10>>
<<goto"ort_9">>
<</button>>
<</if>>
</div>
<</nobr>><<nobr>>
<<set $visited9 to 1>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_9.jpg)');
</script>
<div class="wrapper">
<h1>Lachen zurück gewonnen</h1>
</div>
<div class="btn-group">
<<if $lachen is 90>>
<<button "+10 Lachen">><<set $player.age to $player.age + 10>>
<<goto"end">>
<</button>>
<<else>>
<<button "+10 Lachen">><<set $player.age to $player.age + 10>>
<<goto"ort_10">>
<</button>>
<</if>>
</div>
<</nobr>><<nobr>>
<<set $visited10 to 1>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_10.jpg)');
</script>
<div class="wrapper">
<h1>Lachen zurück gewonnen</h1>
</div>
<div class="btn-group">
<<if $lachen is 90>>
<<button "+10 Lachen">><<set $player.age to $player.age + 10>>
<<goto"end">>
<</button>>
<<else>>
<<button "+10 Lachen">><<set $player.age to $player.age + 10>>
<<goto"ort_11">>
<</button>>
<</if>>
</div>
<</nobr>><<nobr>>
<<set $visited11 to 1>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_11.jpg)');
</script>
<div class="wrapper">
<h1>Lachen zurück gewonnen</h1>
</div>
<div class="btn-group">
<<if $lachen is 90>>
<<button "+10 Lachen">><<set $player.age to $player.age + 10>>
<<goto"end">>
<</button>>
<<else>>
<<button "+10 Lachen">><<set $player.age to $player.age + 10>>
<<goto"ort_12">>
<</button>>
<</if>>
</div>
<</nobr>><<nobr>>
<<set $visited12 to 1>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_12.jpg)');
</script>
<div class="wrapper">
<h1>Lachen zurück gewonnen</h1>
</div>
<div class="btn-group">
<<if $lachen is 90>>
<<button "+10 Lachen">><<set $player.age to $player.age + 10>>
<<goto"end">>
<</button>>
<<else>>
<<button "+10 Lachen">><<set $player.age to $player.age + 10>>
<<goto"ort_1">>
<</button>>
<</if>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/1.jpg)');
</script>
<div class="wrapper">
<h1>$player.age lachen</h1>
<h2>Du hast Thimms' Lachen zurück gewonnen.</h2>
</div>
<div class="btn-group">
<<button "Nochmal spielen">>
<<goto "intro">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/babenberg/bilder/monster_14.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">"Lefuet"</h1>
<p>
<br>
Die Baron-Knolle "Lefeut" hat Thimm Thaler ausgetrickst und ihm sein Lachen gestohlen.
<br>
<br>
Du musst es wiederfinden.</p>
</div>
<div class="btn-group">
<<button "Ok">>
<<goto "intro.2">>
<</button>>
</div>
<</nobr>>