Your browser lacks required capabilities. Please upgrade it or switch to another to continue.
Loading…
,,<<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://soundimage.org/wp-content/uploads/2019/01/Kingdom-of-Buffoons.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,Power, Macht, Dollars, Waffen, Style, "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("0",0,0,0,0,0,0,"0")>>
<<set $hero1 to new setup.baseCharacter("Aurora",0,100,7,0,1,9,"Halb Fee, halbe Elfe - Aurora hat Feenstaub mit dem sie zaubern kann.")>>
<<set $hero2 to new setup.baseCharacter("Waldnymphe Naruna",0,120,5,0,0,7,"Naruna ist auf die Natur spezialisiert und ein gute Ratgeber für Zaubertränke.")>>
<<set $hero3 to new setup.baseCharacter("Super Woman Delilusia",0,80,15,0,0,13,"Delilusia kann nicht lügen, dafür aber fliegen und Menschen retten.")>>
<<set $hero4 to new setup.baseCharacter("Superkatze",0,85,10,0,2,5,"Superkatze kann super klettern und kämpft mit einem Fußball gegen Schurken.")>>
<<set $hero5 to new setup.baseCharacter("Diana",0,130,8,0,0,8,"Klettert gerne und spielt gerne Fußball.")>>
<<set $hero6 to new setup.baseCharacter("Patrella - die Zauberin",0,150,6,0,0,7,"Ist vergesslich, hat aber eine sehr gute Gesinnung und kennt sich gut mir Zaubertränken aus.")>>
<<set $hero7 to new setup.baseCharacter("Quinko",0,100,5,10,1,6,"Hat eine knallpinke Nase, kommt aus einem Cartoon und kuschelt gerne.")>>
<<set $hero8 to new setup.baseCharacter("Tici",0,90,7,8,0,6,"Ist sehr kontaktfreudig und hilfsbereit, aber auch schüchtern.")>>
<<set $hero9 to new setup.baseCharacter("Zaya - Banktroll",0,70,5,48,0,2,"Wächst sich selten, ist kurzsichtig und frech. Aber er bewahrt auch den Zauberstein und das Geld der anderen Zauberwesen.")>>
<<set $hero10 to new setup.baseCharacter("Mark",0,80,6,0,10,3,"Ist ein Sniper im Tarnanzug.")>>
<<set $monster1 to new setup.baseCharacter("Zyklopirus",0,62,17,1,1,1,"Zyklopirus hat nur ein Auge, dass Laserstrahlen auf alle schießt, die er anschaut","https://geomazing.com/bamberg/bilder/monster_1.jpg")>>
<<set $monster2 to new setup.baseCharacter("Bürokraton",0,55,13,1,5,3,"Bürokraton trägt immer einen Aktenkoffer mit wichtigen Dokumenten. Er liebt Stempel und Stifte und will immer alles unterschreiben","https://geomazing.com/bamberg/bilder/monster_2.jpg")>>
<<set $monster3 to new setup.baseCharacter("Der Kuchinator",0,67,10,1,1,2,"Der Kuchinator versprüht klebrige Kuchencreme auf alle, die ihn anschauen und zieht eine Glasurspur hinter sich her.","https://geomazing.com/bamberg/bilder/monster_3.jpg")>>
<<set $monster4 to new setup.baseCharacter("Pflanzibuus",0,61,18,1,0,0,"Pflanzibuus ist eine maschinenbetriebene Pflanze, die gifitgen Pflanzensaft versprüht. Er hat außerdem eine eingebaute Scheibenwischer-Funktion.","https://geomazing.com/bamberg/bilder/monster_4.jpg")>>
<<set $monster5 to new setup.baseCharacter("Der Feurinator",0,69,14,0,1,2,"Der Feurinator sitzt im Busch mit versteckter Kamera, ausgestattet mit einem Gift-Simulator und einem Geist-Sauger.","https://geomazing.com/bamberg/bilder/monster_5.jpg")>>
<<set $monster6 to new setup.baseCharacter("Super Duper Staubsauger 3001",0,58,21,0,2,3,"Saugt Bösewichte ein und sperrt sie ins Gefängnis","https://geomazing.com/bamberg/bilder/monster_6.jpg")>>
<<set $monster7 to new setup.baseCharacter("Der Marionetten-Spieler",0,48,10,0,3,2,"Angetrieben vom Marilorek-Hypergenerator, erzeugt er Schutzschilde und Feuerstrahlen. Außerdem hat er einen imposanten Schweif.","https://geomazing.com/bamberg/bilder/monster_7.jpg")>>
<<set $monster8 to new setup.baseCharacter("Der Schredder",0,54,18,0,2,0,"Schredder ist aus Panzerglas, hat ein drehendes Schutzschild und eine Feuerstrahlkanone - uhhh.","https://geomazing.com/bamberg/bilder/monster_8.jpg")>>
<<set $monster9 to new setup.baseCharacter("Der Marionetten Spieler",0,54,18,0,2,0,"Lockt seine Feinde an und kontrolliert sie wie Marionetten","https://geomazing.com/bamberg/bilder/monster_9.jpg")>>
<<set $monster10 to new setup.baseCharacter("Böse Pferde Gäng",0,61,23,0,1,3,"Mit Computertür, automatischer Futter-Maschine und Kanone.","https://geomazing.com/bamberg/bilder/monster_10.jpg")>>
<<set $monster11 to new setup.baseCharacter("Die Ritter Ungeheuer",0,100,11,0,0,3,"Max, Maxim & Maximilian schießen Feuer und Pfeil und Bogen","https://geomazing.com/bamberg/bilder/monster_11.jpg")>>
<<set $monster12 to new setup.baseCharacter("Der böse Truck",0,80,16,0,0,2,"Issa_Kamo. Mit Juwelen bestückt.","https://geomazing.com/bamberg/bilder/monster_12.jpg")>>
<<set $monster13 to new setup.baseCharacter("Düsenjet-Captain Fred",0,66,15,0,0,5,"Mit Copilot","https://geomazing.com/bamberg/bilder/monster_13.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/bamberg/bilder/bg.jpg)');
</script>
<div class="wrapper">
<h1>Geomaze
<br>
Bamberg</h1>
<h2>
<br>
Eine Stadt-Labyrinth rund um den Troppauplatz. Mit Helden, Monstern und geheimen Orten.
<br>
<br>
erstellt von [[geomazing.com->https://geomazing.com]]
<br>
<br>
und den Kids vom Spielmobil Chapau Claque.
<br>
<br>
Musik von Eric Matyas</h2>
</div>
<div class="btn-group">
<<button "Yeah!">>
<<goto "intro.2">>
<</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://gregorassfalg.de/zauberburg-bayreuth/bilder/held_1.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$hero1.name</h1>
<h2>$hero1.description</h2>
<br>
<h2>Power: $hero1.hp</h2>
<h2>Macht: $hero1.str</h2>
<h2>Waffen: $hero1.weaponStr</h2>
<h2>Style: $hero1.armor</h2>
<h2>Dollars: $hero1.level</h2>
</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/bamberg/bilder/ort_1.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">An der Schule</h1>
<p style="text-align: center">Finde dieses Bild</p>
</div>
<div class="btn-group">
<<button "Bild wechseln">>
<<goto "ort_2">>
<</button>>
<<button "Hab's gefunden!">>
<<goto "ort_1_frage">>
<</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://gregorassfalg.de/zauberburg-bayreuth/bilder/held_2.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$hero2.name</h1>
<h2>$hero2.description</h2>
<br>
<h2>Power: $hero2.hp</h2>
<h2>Macht: $hero2.str</h2>
<h2>Waffen: $hero2.weaponStr</h2>
<h2>Style: $hero2.armor</h2>
<h2>Dollars: $hero2.level</h2>
</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://gregorassfalg.de/zauberburg-bayreuth/bilder/held_3.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$hero3.name</h1>
<h2>$hero3.description</h2>
<br>
<h2>Power: $hero3.hp</h2>
<h2>Macht: $hero3.str</h2>
<h2>Waffen: $hero3.weaponStr</h2>
<h2>Style: $hero3.armor</h2>
<h2>Dollars: $hero3.level</h2>
</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://gregorassfalg.de/zauberburg-bayreuth/bilder/held_4.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$hero4.name</h1>
<h2>$hero4.description</h2>
<br>
<h2>Power: $hero4.hp</h2>
<h2>Macht: $hero4.str</h2>
<h2>Waffen: $hero4.weaponStr</h2>
<h2>Style: $hero4.armor</h2>
<h2>Dollars: $hero4.level</h2>
</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://gregorassfalg.de/zauberburg-bayreuth/bilder/held_5.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$hero5.name</h1>
<h2>$hero5.description</h2>
<br>
<h2>Power: $hero5.hp</h2>
<h2>Macht: $hero5.str</h2>
<h2>Waffen: $hero5.weaponStr</h2>
<h2>Style: $hero5.armor</h2>
<h2>Dollars: $hero5.level</h2>
</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://gregorassfalg.de/zauberburg-bayreuth/bilder/held_6.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$hero6.name</h1>
<h2>$hero6.description</h2>
<br>
<h2>Power: $hero6.hp</h2>
<h2>Macht: $hero6.str</h2>
<h2>Waffen: $hero6.weaponStr</h2>
<h2>Style: $hero6.armor</h2>
<h2>Dollars: $hero6.level</h2>
</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://gregorassfalg.de/zauberburg-bayreuth/bilder/held_7.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$hero7.name</h1>
<h2>$hero7.description</h2>
<br>
<h2>Power: $hero7.hp</h2>
<h2>Macht: $hero7.str</h2>
<h2>Waffen: $hero7.weaponStr</h2>
<h2>Style: $hero7.armor</h2>
<h2>Dollars: $hero7.level</h2>
</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://gregorassfalg.de/zauberburg-bayreuth/bilder/held_8.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$hero8.name</h1>
<h2>$hero8.description</h2>
<br>
<h2>Power: $hero8.hp</h2>
<h2>Macht: $hero8.str</h2>
<h2>Waffen: $hero8.weaponStr</h2>
<h2>Style: $hero8.armor</h2>
<h2>Dollars: $hero8.level</h2>
</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://gregorassfalg.de/zauberburg-bayreuth/bilder/held_9.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$hero9.name</h1>
<h2>$hero9.description</h2>
<br>
<h2>Power: $hero9.hp</h2>
<h2>Macht: $hero9.str</h2>
<h2>Waffen: $hero9.weaponStr</h2>
<h2>Style: $hero9.armor</h2>
<h2>Dollars: $hero9.level</h2>
</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://gregorassfalg.de/zauberburg-bayreuth/bilder/held_10.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$hero10.name</h1>
<h2>$hero10.description</h2>
<br>
<h2>Power: $hero10.hp</h2>
<h2>Macht: $hero10.str</h2>
<h2>Waffen: $hero10.weaponStr</h2>
<h2>Style: $hero10.armor</h2>
<h2>Dollars: $hero10.level</h2>
</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/bamberg/bilder/ort_2.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">An der Schule</h1>
<p style="text-align: center">Finde dieses Bild</p>
</div>
<div class="btn-group">
<<button "Bild wechseln">>
<<goto "ort_3">>
<</button>>
<<button "Hab's gefunden!">>
<<goto "ort_2_frage">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/ort_3.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">An der Schule</h1>
<p style="text-align: center">Finde dieses Bild</p>
</div>
<div class="btn-group">
<<button "Bild wechseln">>
<<goto "ort_4">>
<</button>>
<<button "Hab's gefunden!">>
<<goto "ort_3_frage">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/ort_4.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">An der Schule</h1>
<p style="text-align: center">Finde dieses Bild</p>
</div>
<div class="btn-group">
<<button "Bild wechseln">>
<<goto "ort_5">>
<</button>>
<<button "Hab's gefunden!">>
<<goto "ort_4_frage">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/ort_5.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">An der Schule</h1>
<p style="text-align: center">Finde dieses Bild</p>
</div>
<div class="btn-group">
<<button "Bild wechseln">>
<<goto "ort_6">>
<</button>>
<<button "Hab's gefunden!">>
<<goto "ort_5_frage">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/ort_6.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Auf dem Spielplatz</h1>
<p style="text-align: center">Finde dieses Bild</p>
</div>
<div class="btn-group">
<<button "Bild wechseln">>
<<goto "ort_7">>
<</button>>
<<button "Hab's gefunden!">>
<<goto "ort_6_frage">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/ort_7.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Auf dem Spielplatz</h1>
<p style="text-align: center">Finde dieses Bild</p>
</div>
<div class="btn-group">
<<button "Bild wechseln">>
<<goto "ort_8">>
<</button>>
<<button "Hab's gefunden!">>
<<goto "ort_7_frage">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/ort_8.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Auf dem Spielplatz</h1>
<p style="text-align: center">Finde dieses Bild</p>
</div>
<div class="btn-group">
<<button "Bild wechseln">>
<<goto "ort_9">>
<</button>>
<<button "Hab's gefunden!">>
<<goto "ort_8_frage">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/ort_9.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Auf dem Spielplatz</h1>
<p style="text-align: center">Finde dieses Bild</p>
</div>
<div class="btn-group">
<<button "Bild wechseln">>
<<goto "ort_10">>
<</button>>
<<button "Hab's gefunden!">>
<<goto "ort_9_frage">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/ort_10.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Auf dem Spielplatz</h1>
<p style="text-align: center">Finde dieses Bild</p>
</div>
<div class="btn-group">
<<button "Bild wechseln">>
<<goto "ort_11">>
<</button>>
<<button "Hab's gefunden!">>
<<goto "ort_10_frage">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/ort_11.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">An der Uni</h1>
<p style="text-align: center">Finde dieses Bild</p>
</div>
<div class="btn-group">
<<button "Bild wechseln">>
<<goto "ort_12">>
<</button>>
<<button "Hab's gefunden!">>
<<goto "ort_11_frage">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/ort_12.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">An der Uni</h1>
<p style="text-align: center">Finde dieses Bild</p>
</div>
<div class="btn-group">
<<button "Bild wechseln">>
<<goto "ort_13">>
<</button>>
<<button "Hab's gefunden!">>
<<goto "ort_12_frage">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/ort_1.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage</h1>
<h2>Welcher Buchstabe steht hier?</h2>
<br>
</div>
<div class="btn-group">
<div id="supportercode-form">
<p>Hier eingeben</p>
<<textbox "$supportercode" "" autofocus>>
<br>
<br>
<<button "Bestätigen">>
/* Sanitize $supportercode value. */
<<set $supportercode to $supportercode.trim()>>
<<if $supportercode is "a">>
<<goto "ort_1_richtig">>
<<elseif $supportercode is "A">>
<<goto "ort_1_richtig">>
<<else>>
<<goto "ort_1_falsch">>
<</if>>
<</button>>
</div>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/freund_1.jpg)');
</script>
<div class="wrapper">
<h1>Paul & Alek</h1>
<h2>Die Beiden sind ein Team und bieten Dir Ihre Hilfe an.</h2>
</div>
<div class="btn-group">
<<button "Hilfe (+30 Power)">><<set $player.hp to $player.hp + 30>>
<<goto"ort_2">>
<</button>>
<<button "Dollars (+30 Dollars)">><<set $player.level to $player.level + 10>>
<<goto"ort_2">>
<</button>>
<<button "Heilung (+15 Power)">><<set $player.hp to $player.hp + 15>>
<<goto"ort_2">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/monster_1.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$monster1.name</h1>
<h2>$monster1.description</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster1>>
<<goto "fight">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/ort_2.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage</h1>
<h2>Welche Farbe hat das andere Männchen?</h2>
<br>
</div>
<div class="btn-group">
<<button "Rot">>
<<goto"ort_2_richtig">>
<</button>>
<<button "Grün">>
<<goto"ort_2_falsch">>
<</button>>
<<button "Blau">>
<<goto"ort_2_falsch">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/freund_2.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Mr. Nice</h1>
<h2>Ist ein Super-Roboter-Söldner und kämpft für dich.</h2>
</div>
<div class="btn-group">
<<button "Hilfe (+3 Macht)">><<set $player.str to $player.str + 3>>
<<goto"ort_3">>
<</button>>
<<button "Dollars (+15 Dollars)">><<set $player.level to $player.level + 15>>
<<goto"ort_3">>
<</button>>
<<button "Heilung (+15 Power)">><<set $player.hp to $player.hp + 15>>
<<goto"ort_3">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/monster_2.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Bürokraton</h1>
<h2>$monster2.description</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster2>>
<<goto "fight">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/ort_3.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage</h1>
<h2>Wieviel Eulen gibt es ingesamt?</h2>
<br>
</div>
<div class="btn-group">
<div id="supportercode-form">
<p>Hier eingeben</p>
<<textbox "$supportercode" "" autofocus>>
<br>
<br>
<<button "Bestätigen">>
/* Sanitize $supportercode value. */
<<set $supportercode to $supportercode.trim()>>
<<if $supportercode is "8">>
<<goto "ort_3_richtig">>
<<elseif $supportercode is "8">>
<<goto "ort_3_richtig">>
<<else>>
<<goto "ort_3_falsch">>
<</if>>
<</button>>
</div>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/freund_3.jpg)');
</script>
<div class="wrapper">
<h1>X 160</h1>
<h2>Kleine Miniroboter mit Lazer-Armbrüsten, 2 Zielfernrohren und Bazookas mit Lazeraugen. Yeah! Hat auch einen bequemen Sitz zum rumballern.</h2>
</div>
<div class="btn-group">
<<button "Hilfe (+ 3 Macht)">><<set $player.str to $player.str + 3>>
<<goto"ort_4">>
<</button>>
<<button "Dollars (+30 Dollars)">><<set $player.level to $player.level + 30>>
<<goto"ort_4">>
<</button>>
<<button "Heilung (+15 Power)">><<set $player.hp to $player.hp + 15>>
<<goto"ort_4">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/monster_3.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Kuchinator</h1>
<h2>$monster3.description</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster3>>
<<goto "fight">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/ort_4.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage</h1>
<h2>Hier fühle ich mich wie ein...</h2>
<br>
</div>
<div class="btn-group">
<<button "Bauer">>
<<goto"ort_4_falsch">>
<</button>>
<<button "Priester">>
<<goto"ort_4_falsch">>
<</button>>
<<button "König">>
<<goto"ort_4_richtig">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/freund_4.jpg)');
</script>
<div class="wrapper">
<h1>Schildroboter</h1>
<h2>Beschützt dich, wenn's brenzlig wird.</h2>
</div>
<div class="btn-group">
<<button "Hilfe (+3 Style)">><<set $player.armor to $player.armor + 3>>
<<goto"ort_5">>
<</button>>
<<button "Dollars (+15 Dollars)">><<set $player.level to $player.level + 15>>
<<goto"ort_5">>
<</button>>
<<button "Heilung (+15 Power)">><<set $player.hp to $player.hp + 15>>
<<goto"ort_5">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/monster_4.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Pflanzibuus</h1>
<h2>$monster4.description</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster4>>
<<goto "fight">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/ort_5.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage</h1>
<h2>Wohin geht die Reise?</h2>
<br>
</div>
<div class="btn-group">
<<button "Weltraum">>
<<goto"ort_5_richtig">>
<</button>>
<<button "Meer">>
<<goto"ort_5_falsch">>
<</button>>
<<button "Wüste">>
<<goto"ort_5_falsch">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/ort_6.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage</h1>
<h2>Ich schau in die...</h2>
<br>
</div>
<div class="btn-group">
<<button "Ferne">>
<<goto"ort_5_falsch">>
<</button>>
<<button "Lupe">>
<<goto"ort_6_falsch">>
<</button>>
<<button "Röhre">>
<<goto"ort_6_richtig">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/ort_7.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage</h1>
<h2>Mich kann man...</h2>
<br>
</div>
<div class="btn-group">
<<button "schieben">>
<<goto"ort_7_falsch">>
<</button>>
<<button "ziehen">>
<<goto"ort_7_falsch">>
<</button>>
<<button "drehen">>
<<goto"ort_7_richtig">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/ort_8.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage</h1>
<h2>Bei mir kannst du Dir was...</h2>
<br>
</div>
<div class="btn-group">
<<button "pumpen">>
<<goto"ort_8_richtig">>
<</button>>
<<button "kaufen">>
<<goto"ort_8_falsch">>
<</button>>
<<button "leihen">>
<<goto"ort_8_falsch">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/freund_5.jpg)');
</script>
<div class="wrapper">
<h1>Flugzeug</h1>
<h2>Mit Seitenkanonen und Funkgerät.</h2>
</div>
<div class="btn-group">
<<button "Hilfe (+2 Macht)">><<set $player.str to $player.str + 2>>
<<goto"ort_6">>
<</button>>
<<button "Dollars (+15 Dollars)">><<set $player.level to $player.level + 15>>
<<goto"ort_6">>
<</button>>
<<button "Heilung (+15 Power)">><<set $player.hp to $player.hp + 15>>
<<goto"ort_6">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/monster_5.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Feurinator</h1>
<h2>$monster5.description</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster5>>
<<goto "fight">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/freund_6.jpg)');
</script>
<div class="wrapper">
<h1>Geldautomat 4.0</h1>
<h2>Verkauft Dir Waffen und Waffen-Aufsätze. Ist neutral. Hat einen Panik-Knopf für Falltür, ein Auge und ein Megafon.</h2>
</div>
<div class="btn-group">
<<button "Waffe (+1 Waffe)">><<set $player.weaponStr to $player.weaponStr + 1>>
<<goto"ort_7">>
<</button>>
<<button "Dollars (+10 Dollars)">><<set $player.level to $player.level + 10>>
<<goto"ort_7">>
<</button>>
<<button "Heilung (+15 Power)">><<set $player.hp to $player.hp + 15>>
<<goto"ort_7">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/monster_6.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Super-Duper-Staubsauger-3001</h1>
<h2>$monster6.description</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster6>>
<<goto "fight">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/freund_7.jpg)');
</script>
<div class="wrapper">
<h1>Piratenhook</h1>
<h2>Ist ein guter Pirat mit Lenkrad, Feuer und Kristall.</h2>
</div>
<div class="btn-group">
<<button "Hilfe (+2 Style)">><<set $player.armor to $player.armor + 2>>
<<goto"ort_8">>
<</button>>
<<button "Dollars (+10 Dollars)">><<set $player.level to $player.level + 10>>
<<goto"ort_8">>
<</button>>
<<button "Heilung (+15 Power)">><<set $player.hp to $player.hp + 15>>
<<goto"ort_8">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/monster_7.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Marionetten-Spieler</h1>
<h2>$monster7.description</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster7>>
<<goto "fight">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/freund_8.jpg)');
</script>
<div class="wrapper">
<h1>Dr. Roboter</h1>
<h2>Ist alt und hat keine Haare mehr. Dafür einen Roboter-Arm und eine gut gefüllte Schatztruhe.</h2>
</div>
<div class="btn-group">
<<button "Hilfe (+ 30 Power)">><<set $player.hp to $player.hp + 30>>
<<goto"ort_9">>
<</button>>
<<button "Dollars (+15 Dollars)">><<set $player.level to $player.level + 15>>
<<goto"ort_9">>
<</button>>
<<button "Heilung (+15 Power)">><<set $player.hp to $player.hp + 15>>
<<goto"ort_9">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/monster_8.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$monster8.name</h1>
<h2>$monster8.description</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster8>>
<<goto "fight">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/ort_9.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage</h1>
<h2>Auf mir kannst du...</h2>
<br>
</div>
<div class="btn-group">
<<button "schaukeln">>
<<goto"ort_9_richtig">>
<</button>>
<<button "springen">>
<<goto"ort_9_falsch">>
<</button>>
<<button "hüpfen">>
<<goto"ort_9_falsch">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/monster_9.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$monster9.name</h1>
<h2>$monster9.description</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster9>>
<<goto "fight">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/freund_9.jpg)');
</script>
<div class="wrapper">
<h1>Maschinenauto</h1>
<h2>Kann 400 fahren.</h2>
</div>
<div class="btn-group">
<<button "Hilfe (+2 Style)">><<set $player.armor to $player.armor + 2>>
<<goto "ort_10">>
<</button>>
<<button "Dollars (+10 Dollars)">><<set $player.level to $player.level + 10>>
<<goto"ort_10">>
<</button>>
<<button "Heilung (+15 Power)">><<set $player.hp to $player.hp + 15>>
<<goto"ort_10">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/ort_10.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage</h1>
<h2>Links neben mir kannst du...</h2>
<br>
</div>
<div class="btn-group">
<<button "schaukeln">>
<<goto"ort_10_falsch">>
<</button>>
<<button "rutschen">>
<<goto"ort_10_richtig">>
<</button>>
<<button "klettern">>
<<goto"ort_10_falsch">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/freund_10.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Dr.Hammer</h1>
<h2>Erzeugt Blitze beim draufhauen</h2>
</div>
<div class="btn-group">
<<button "Hilfe (+2 Waffe)">><<set $player.weaponStr to $player.weaponStr + 2>>
<<goto "ort_11">>
<</button>>
<<button "Dollars (+30 Dollars)">><<set $player.level to $player.level + 30>>
<<goto"ort_11">>
<</button>>
<<button "Heilung (+15 Power)">><<set $player.hp to $player.hp + 15>>
<<goto"ort_11">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/monster_10.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$monster10.name</h1>
<h2>$monster10.description</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster10>>
<<goto "fight">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/ort_11.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage</h1>
<h2>Wer fährt hier ab?</h2>
<br>
</div>
<div class="btn-group">
<div id="supportercode-form">
<p>Hier eingeben</p>
<<textbox "$supportercode" "" autofocus>>
<br>
<br>
<<button "Bestätigen">>
/* Sanitize $supportercode value. */
<<set $supportercode to $supportercode.trim()>>
<<if $supportercode is "bus">>
<<goto "ort_11_richtig">>
<<elseif $supportercode is "Bus">>
<<goto "ort_11_richtig">>
<<else>>
<<goto "ort_11_falsch">>
<</if>>
<</button>>
</div>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/freund_11.gif)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Heiltrank</h1>
<h2>Aus heimischen Kräutern des Zauberwalds.</h2>
</div>
<div class="btn-group">
<<button "Hilfe (+30 Power)">><<set $player.hp to $player.hp + 30>>
<<goto"ort_12">>
<</button>>
<<button "Dollars (+30 Dollars)">><<set $player.level to $player.level + 30>>
<<goto"ort_12">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/monster_11.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$monster11.name</h1>
<h2>$monster11.description</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster11>>
<<goto "fight">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/ort_12.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Frage</h1>
<h2>Zu welchem Gebäude gehört dieses Fenster?</h2>
<br>
</div>
<div class="btn-group">
<<button "Bibliothek">>
<<goto"ort_12_richtig">>
<</button>>
<<button "Mensa">>
<<goto"ort_12_falsch">>
<</button>>
<<button "Turnhalle">>
<<goto"ort_12_falsch">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "wohoo" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/freund_12.gif)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Pommes</h1>
<h2>Mit Ketchup.</h2>
</div>
<div class="btn-group">
<<button "Hilfe (+20 Power)">><<set $player.hp to $player.hp + 20>>
<<goto"ort_13">>
<</button>>
<<button "Dollars (+20 Dollars)">><<set $player.level to $player.level + 20>>
<<goto"ort_13">>
<</button>>
</div>
<</nobr>><<nobr>>
<<audio "doh" play>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/monster_12.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">$monster12.name</h1>
<h2>$monster12.description</h2>
</div>
<div class="btn-group">
<<button "Kampf">><<set $enemy to $monster12>>
<<goto "fight">>
<</button>>
</div>
<</nobr>><<nobr>>
<script>
$('#story').attr('style', 'background-image:url($enemy.img)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Held $player.hp</h1>
<p>vs</p>
<h1 style="text-align: center">Monster $enemy.hp</h1>
<br>
<h2>$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" volume 0.5 play>>
<<case 1>>
<<run $player.receiveDamage($enemy.applyDamage())>>
<<set $currText to $counterT>>
<<audio "counter" volume 0.5 play>>
<<case 2>>
<<run $enemy.receiveDamage($player.applyDamage())>>
<<set $currText to $hitT>>
<<audio "hit" volume 0.5 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" volume 0.5 play>>
<<case 2>>
<<run $player.receiveDamage($enemy.applyDamage())>>
<<set $currText to $counterT>>
<<audio "counter" volume 0.5 play>>
<<case 0>>
<<run $enemy.receiveDamage($player.applyDamage())>>
<<set $currText to $hitT>>
<<audio "hit" volume 0.5 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" volume 0.5 play>>
<<case 0>>
<<run $player.receiveDamage($enemy.applyDamage())>>
<<set $currText to $counterT>>
<<audio "counter" volume 0.5 play>>
<<case 1>>
<<run $enemy.receiveDamage($player.applyDamage())>>
<<set $currText to $hitT>>
<<audio "hit" volume 0.5 play>>
<</switch>>
<<goto"fight">>
<</button>>
</div>
/* Hier sind die Anzeigetexte für Trefferfeedback*/
<<set $parryT to "Pariert">>
<<set $hitT to "Treffer">>
<<set $counterT to "Konter">>
<<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 style="text-align: center">R.I.P.</h1>
</div>
<div class="btn-group">
<<button "Neustart?">>
<<goto "held_1">>
<</button>>
</div>
<</nobr>><h3>$player.hp POWER | $player.str MACHT | $player.weaponStr WAFFE(N) | $player.armor STYLE | $player.level DOLLARS</h3><<nobr>>
<script>
$('#story').attr('style', 'background-image:url(https://geomazing.com/bamberg/bilder/bg.jpg)');
</script>
<div class="wrapper">
<h1>Geomaze
<br>
Bamberg</h1>
</div>
<div class="btn-group">
<<button "Play">>
<<goto "intro">>
<</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">An der Uni</h1>
<p style="text-align: center">Finde dieses Bild</p>
</div>
<div class="btn-group">
<<button "Bild wechseln">>
<<goto "ort_1">>
<</button>>
<<button "Hab's gefunden!">>
<<goto "ort_13_frage">>
<</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/bamberg/bilder/bg.jpg)');
</script>
<div class="wrapper">
<h1 style="text-align: center">Was tun?</h1>
<h2>
<br>
1. Wähle einen Helden.
<br>
<br>
2. Suche und finde alle Orte.
<br>
<br>
3. Bekämpfe die Monster.
<br>
<br>
4. Entkomme mit soviel $$$ Dollars $$$ wie möglich.</h2>
</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>
<h2>$enemy.name hat Beute fallen gelassen.</h2>
</div>
<div class="btn-group">
<<button "Weiter">>
<<if $enemy.hp<= 0>>
<<set $currText to "">>
<<switch $enemy.name>>
<<case "Zyklopirus">>
<<goto "ort_1_richtig">>
<<case "Bürokraton">>
<<goto "ort_2_richtig">>
<<case "Der Kuchinator">>
<<goto "ort_3_richtig">>
<<case "Pflanzibuus">>
<<goto "ort_4_richtig">>
<<case "Der Feurinator">>
<<goto "ort_5_richtig">>
<<case "Super Duper Staubsauger 3001">>
<<goto "ort_6_richtig">>
<<case "Der Marionetten-Spieler">>
<<goto "ort_7_richtig">>
<<case "Der Schredder">>
<<goto "ort_8_richtig">>
<<case "Der Marionetten Spieler">>
<<goto "ort_9_richtig">>
<<case "Böse Pferde Gäng">>
<<goto "ort_10_richtig">>
<<case "Die Ritter Ungeheuer">>
<<goto "ort_12_richtig">>
<<case "Der böse Truck">>
<<goto "ort_12_richtig">>
<<case "Düsenjet-Captain Fred">>
<<goto "ort_13_richtig">>
<</switch>>
<</if>>
<</button>>
</div>
<</nobr>>