<head> <h2> Comp-E</h2> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/Load100.png");background-size:cover;transition: background-image 0.5s ease-in; } tw-link { display: inline-block; padding: 10px 20px; background-color: #070b27; /* Background color */ color: white; /* Text color */ text-decoration: none; /* Remove underline */ border-radius: 5px; /* Rounded corners */ font-size: 16px; /* Font size */ transition: background-color 0.3s; left: 95%; top:7px; } </style> </head> <!-- Auflösung: 1920 x 1080 Browser: Chrome Fenstermodus: "Vollbild" --!> <!-- <h1 style="color: black">Hunger :)</h1> --!> [[Starte das Spiel...->Start1]]<head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/N01f0.png");background-size:cover;transition: background-image 0.5s ease-in; } </style> </head> <div class="box flex"> <div class="box dialogue"><br>Ray will sich einen Dating Simulator runterladen,<br>der allerdings nicht sehr seriös ist.<br>Und so wird er sehr schnell von der Konkurrenz Firma<br>seiner Eltern, die bei Kreative Jamming arbeiten, gehackt. </div> <div class="buttons"> <div class="box button">[[Weiter->Start2]]</div> </div> </div> </body> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> background-image: url("https://games.creative-gaming.eu/twine/2024_comp-e/bild.jpg"); </style><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01l.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br>Ray: Mist, sie sind wahrscheinlich schon<br>in die Systeme eingedrungen. </div> <div class="buttons"> <div class="box button">[[Weiter->Start11]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01m.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br>Comp-E: Das kann ich bestätigen,<br>ich habe kein Zugriff mehr auf das Haus.<br>Sie haben damit auch den Standort von uns. </div> <div class="buttons"> <div class="box button">[[Weiter->Start12]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01fm.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br>Comb-E: Du solltest mal anfangen was zu machen,<br> sonst kriegen die mich und deinen Suchverlauf. </div> <div class="buttons"> <div class="box button">[[Weiter->Start13]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01r.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>("Klopf, Klopf") </div> <div class="buttons"> <div class="box button">[[Weiter->Start14]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="italic">("Klopf, Klopf")</p> </style> </body> <audio src="http://games.creative-gaming.eu/twine/2024_comp-e/agressives Klopfen.mp3" autoplay><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01r.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br>Ray: Sie sind schon hier.<br>Was soll ich tun? </div> <div class="buttons"> <div class="box button">[[Weiter->Start15]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01r.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue">Entscheidung:<br><br><br>Zur Tür gehen?</div> <div class="buttons"> <div class="box button">[[Ja->Start16]]</div> <div class="box button">[[Nein->Start25]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/Doorclose.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>Ray: Ich sollte mal nachgucken. </div> <div class="buttons"> <div class="box button">[[Weiter->Start17]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/Dooropen.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>(Ray geht zur Tür öfnet sie, niemand ist da) </div> <div class="buttons"> <div class="box button">[[Weiter->Start19]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/Dooropen.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br>Ray: Hallo? Ist da jemand?<br> --- --- --- <br>Dummer Klopfstreich. </div> <div class="buttons"> <div class="box button">[[Weiter->Start20]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/N01l.png");background-size:cover;} </style> </head> <body id="start2"> <div class="box flex"> <div class="box dialogue"><br><br>Comp-E hat Ray, bevor er sich den Dating Simulator<br>herunter lädt, gewarnt dass es gefährlich sein könnte,<br>aber Ray hat diese Warnung ignoriert. </div> <div class="buttons"> <div class="box button">[[Weiter->Start3]]</div> </div> </div> </body> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> </style><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/Doorclose.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>(Ray geht zurück) </div> <div class="buttons"> <div class="box button">[[Weiter->Start21]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01m.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br>Comp-E: Und? Wer war an der Tür?<br>Bestimmt niemand, du hast ja keine Freunde.<br><br>--lacht-- </div> <div class="buttons"> <div class="box button">[[Weiter->Start22]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01r.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br>Ray: Haha, sehr witzig.<br><br>---<br>Hm?<br>Hast du das Fenster aufgemacht? </div> <div class="buttons"> <div class="box button">[[Weiter->Start23]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01r.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br>Comp-E: Nein, obwohl ich das mal sollte,<br>da du so wie<br>eine neu geöffnete Salami Packung riechst... </div> <div class="buttons"> <div class="box button">[[Weiter->Start24]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/Load17.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue">Ray: Dein Ernst?<br>Aber egal, irgendwer hat das Fenster aufgemacht<br>und das mach mir Angst...<br>Ich mache es lieber mal zu.<br>Dann fang ich mal an deine Daten zu sichern.<br>Indem ich sie auf einen sicheren Server hochlade. </div> <div class="buttons"> <div class="box button">[[Weiter->Start33]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01m.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br>Comp-E: Geh nicht hin!<br>Die werden dich töten.<br>Da würde ich mich diesmal nicht darüber freuen. </div> <div class="buttons"> <div class="box button">[[Weiter->Start26]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/Load17.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br>Ray: Das stimmt.<br>Dann fange ich mal an deine Daten zu sichern.<br>Der Server von meinen Eltern sollte sicher sein. </div> <div class="buttons"> <div class="box button">[[Weiter->Start27]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01r.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br>(Es klopft am Fenster, Ray guckt kurz aus dem Fenster,<br>sieht aber nichts) </div> <div class="buttons"> <div class="box button">[[Weiter->Start28]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body> <audio src="http://games.creative-gaming.eu/twine/2024_comp-e/Fenster klopfen.mp3" autoplay> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01l.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>Ray: Mann, das macht mir<br>alles so viel Angst. </div> <div class="buttons"> <div class="box button">[[Weiter->Start29]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01r.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>Comp-E:<br>Du bist ja auch ein Angsthase. </div> <div class="buttons"> <div class="box button">[[Weiter->Start31]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H1l.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>Ray: "Was ist das den jetzt?"</div> <div class="buttons"> <div class="box button">[[Weiter->Start4]]</div> </div> </div> </body> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> </style><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01l.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>Ray: Kannst du einmal leise sein!<br>Ich mach dann mal weiter mit dem hochladen. </div> <div class="buttons"> <div class="box button">[[Weiter->Start33]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/Load73.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>Einige Zeit vergeht... </div> <div class="buttons"> <div class="box button">[[Weiter->Start34]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01l.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>Comp-E: Wie lange brauchst du denn noch,<br>bei dem Tempo werden wir nie fertig. </div> <div class="buttons"> <div class="box button">[[Weiter->Start35]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01l.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>Ray: Wenn du nicht so viel Speicherplatz<br>einnehmen würdest, wären wir schon längst fertig. </div> <div class="buttons"> <div class="box button">[[Weiter->Start36]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01m.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>Comp-E: WILLST DAMIT SAGEN,<br>DASS ICH FETT BIN!? </div> <div class="buttons"> <div class="box button">[[Weiter->Start37]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/Load90.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br>Ray: Ist jetzt auch egal,<br>mit anschreien kommen wir auch nicht weiter.<br>Die größten Daten sind schon hochgeladen. </div> <div class="buttons"> <div class="box button">[[Weiter->Start38]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01r.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>(Plötzlich kommt ein Geräusch von draußen) </div> <div class="buttons"> <div class="box button">[[Weiter->Start39]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body> <audio src="http://games.creative-gaming.eu/twine/2024_comp-e/Tür knarzen.mp3" autoplay><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01r.png");background-size:cover;} </style> <div class="box flex"> <div class="box dialogue"><br><br>Ray: Hast du das gehört?<br>Ich glaube, es ist die Tür des Schuppens,<br>warum ölt die den keiner? </div> <div class="buttons"> <div class="box button">[[Weiter->Start40]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H1fm.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br>Comp-E: "Ich hab dich ja gewarnt,<br>aber du musstest mich ja ignorieren, Dummkopf." </div> <div class="buttons"> <div class="box button">[[Weiter->Start5]]</div> </div> </div> </body> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> </style><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01fm.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>Comp-E: Das heißt,<br>jemand ist draußen. </div> <div class="buttons"> <div class="box button">[[Weiter->Start41]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01fm.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>Ray: Kannst du die Kameras checken? </div> <div class="buttons"> <div class="box button">[[Weiter->Start42]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01fm.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>Comp-E: Glaubst du, ich habe das noch nicht probiert?</div> <div class="buttons"> <div class="box button">[[Weiter->Start43]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01fl.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br>Ray: Okay, warum direkt so sauer?<br>Na gut, es fehlt nicht mehr viel,<br>das, was noch übrig ist,<br>ist ohne den Rest eh nutzlos. </div> <div class="buttons"> <div class="box button">[[Weiter->Start44]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01fl.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>Comp-E: Du solltest aufpassen,<br>die können von draußen bestimmt den Strom abscha- </div> <div class="buttons"> <div class="box button">[[Weiter->Start45]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>(Plötzlich wird alles dunkel und alles schaltet sich ab)</div> <div class="buttons"> <div class="box button">[[Weiter->Start46]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body> <audio src="http://games.creative-gaming.eu/twine/2024_comp-e/Stromausfall.mp3" autoplay><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>Ray: Scheiße! Sie haben den Strom gekappt.<br>Im Keller kann ich ihn neu starten, aber es ist alles dunkel. </div> <div class="buttons"> <div class="box button">[[Weiter->Start47]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div class="box flex"> <div class="box dialogue"><br><br>Ray: Wo ist denn meine Taschenlampe?<br>Ah, da ist sie ja. Jetzt brauche ich nur noch den Kellerschlüssel<br>und der ist bei der Kommode neben der Haustür. </div> <div class="buttons"> <div class="box button">[[Weiter->Start48]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div class="box flex"> <div class="box dialogue"><br><br>(Ray geht mit Taschenlampe in Hand,<br>zur Tür und nimmt den Schlüssel, aber bevor<br>er weggehen konnte, klopft es an der Tür) </div> <div class="buttons"> <div class="box button">[[Weiter->Start49]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body> <audio src="http://games.creative-gaming.eu/twine/2024_comp-e/Schritte für Pizza dude.mp3" autoplay><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>(//Klopf Klopf//) </div> <div class="buttons"> <div class="box button">[[Weiter->Start50]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body> <audio src="http://games.creative-gaming.eu/twine/2024_comp-e/sanftes Tür klopfen.mp3" autoplay><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01l.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br>Ray: "Warum genau dann, wenn<br>meine Eltern nicht da sind. Was mach ich denn jetzt?" </div> <div class="buttons"> <div class="box button">[[Weiter->Start6]]</div> </div> </div> </body> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> </style><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>Entscheidung:<br><br><br>Tür öffnen? </div> <div class="buttons"> <div class="box button">[[Ja->Start51]]</div> <div class="box button">[[Nein->Start57]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/Pizza01.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>Ray: Hallo? Wer sind Sie? </div> <div class="buttons"> <div class="box button">[[Weiter->Start52]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/Pizza01.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>Ray: Nein, eigentlich nicht. </div> <div class="buttons"> <div class="box button">[[Weiter->Start54]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/Pizza01.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>???:<br>Ich weiß. </div> <div class="buttons"> <div class="box button">[[Weiter->Start55]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/Doorclose.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br><br>(Ray schließt schnell die Tür) </div> <div class="buttons"> <div class="box button">[[Weiter->Start66]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>Ray: Ich habe keine Zeit zu verlieren.<br> Ich muss in den Keller. </div> <div class="buttons"> <div class="box button">[[Weiter->Start58]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>(Es klopft nochmal) </div> <div class="buttons"> <div class="box button">[[Weiter->Start59]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body> <audio src="http://games.creative-gaming.eu/twine/2024_comp-e/sanftes Tür klopfen.mp3" autoplay><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>Entscheidung:<br>Tür öffnen? </div> <div class="buttons"> <div class="box button">[[Ja->Start51]]</div> <div class="box button">[[Nein->Start60]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01fl.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br>Comp-E: "Das hast du dir jetzt selber eingebrockt,<br>da werde ich dir jetzt nicht helfen." </div> <div class="buttons"> <div class="box button">[[Weiter->Start7]]</div> </div> </div> </body> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> </style><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div class="box flex"> <div class="box dialogue"><br><br>Ray: Der wird mich umbringen,<br>wenn ich die Tür öffne.<br>Ich muss in den Keller. </div> <div class="buttons"> <div class="box button">[[Weiter->Start61]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>(Ray läuft schnell in den Keller) </div> <div class="buttons"> <div class="box button">[[Weiter->Start62]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/Basementoff.png");background-size:cover;filter:brightness(0.4);overflow:hidden;} </style> </head> <div class=""> <div class="" style="margin: 20px;line-height: 20px;width: 630px;height: 250px;padding-top: 20px;padding: 20px 20px 20px 20px;"><br><br><br></div> <div class="buttons"> <div class="box button" style="z-index:10">[[X->Start63]]</div> </div> </div> <div class="buttons"> </div> <div class="light"></div> <h2 style="color: black"></h2> <script> let body = document.querySelector('body'); let light = document.querySelector('.light'); body.addEventListener("mousemove", (event) => { light.style.top=(event.clientY-200) + "px"; light.style.left=(event.clientX-200) + "px"; }); </script><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/Basementon.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>Ray: Okay, Strom ist wieder an, jetzt zurück! </div> <div class="buttons"> <div class="box button">[[Weiter->Start65]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>(Ray läuft zurück in das Zimmer, auf dem Weg dahin fällt ihm was auf...) </div> <div class="buttons"> <div class="box button">[[Weiter->Start67]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/Doorclose.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br>Ray: Was war das denn?<br>Ich muss schnell zum Keller,<br>bevor er Comp-E bekommt.<br>Ohne Strom ist er ungesichert. </div> <div class="buttons"> <div class="box button">[[Weiter->Start71]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/Dooropen.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br>Ray: Die Tür ist offen?!<br>Oh nei- AHHH </div> <div class="buttons"> <div class="box button">[[Weiter->Start69]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/Pizza01.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br>???: Hab dich! Und Comp-E hab ich auch!<br>Du hattest Glück, sonst hätte ich dich<br>getötet und nicht bewusstlos geschlagen. </div> <div class="buttons"> <div class="box button">[[Ende->Start70]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01fm.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br>Ray: "Wenn irgendwer falsches dich in die Finger bekommt,<br>heißt das Weltuntergang." </div> <div class="buttons"> <div class="box button">[[Weiter->Start8]]</div> </div> </div> </body> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> </style><h2>Schlechtes Ende</h2> <h2>Vielen Dank fürs Spielen!</h2> <h4> Programmierung: Nima & Deyar<br> Art: Jolina<br> Story Writimg: Leander & Marcel<br><br> Special THX @Mintolbee<br> Inspired by: JELL-E</h4> <div class="buttons"> <div class="box button">[[Ende->SETUP]]</div> </div> </div><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01m.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br>Comp-E: Ach wirklich Klugscheißer,<br>warum glaubst hab ich dich denn gewarnt?<br>Du hättest dich mal lieber mit echten Frauen<br>beschäftigen sollen, als mit deinem Computer zu flirten.<br>Jetzt sitzt du in der Scheiße. </div> <div class="buttons"> <div class="box button">[[Weiter->Start9]]</div> </div> </div> </body> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> </style><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01fm.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue">Ray: Ist ja okay, es bringt auch nichts,<br>mich zu beleidigen.<br>Ich probiere erstmal meine Eltern zu erreichen.<br> --- --- --- --- ---<br> ("Ihr gewünschter Gesprächspartner ist momentan<br>nicht erreichbar. Bitte versuchen sie es später erneut.") </div> <div class="buttons"> <div class="box button">[[Weiter->Start10]]</div> </div> </div> </body> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> </style> (live: 5s)[{ (stop:)\ <audio src="http://games.creative-gaming.eu/twine/2024_comp-e/Telefon Freizeichen.mp3" autoplay> }]<head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/Pizza01.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>???:<br>Sie haben Pizza bestellt. </div> <div class="buttons"> <div class="box button">[[Weiter->Start53]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>(Ray läuft schnell in den Keller) </div> <div class="buttons"> <div class="box button">[[Weiter->Start72]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/Basementoff.png");background-size:cover;filter:brightness(0.4);overflow:hidden;} </style> </head> <div class=""> <div class="" style="margin: 20px;line-height: 20px;width: 630px;height: 250px;padding-top: 20px;padding: 20px 20px 20px 20px;"><br><br><br></div> <div class="buttons"> <div class="box button" style="z-index:10">[[X->Start73]]</div> </div> </div> <div class="buttons"> </div> <div class="light"></div> <h2 style="color: black"></h2> <script> let body = document.querySelector('body'); let light = document.querySelector('.light'); body.addEventListener("mousemove", (event) => { light.style.top=(event.clientY-200) + "px"; light.style.left=(event.clientX-200) + "px"; }); </script><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/Basementon.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>Ray: Okay, Strom ist wieder an, jetzt zurück! </div> <div class="buttons"> <div class="box button">[[Weiter->Start74]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div class="box flex"> <div class="box dialogue"><br><br><br>(Ray läuft zurück in das Zimmer.) </div> <div class="buttons"> <div class="box button">[[Weiter->Start75]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01m.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br>Comp-E: Was ist passiert? </div> <div class="buttons"> <div class="box button">[[Weiter->Start76]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01fl.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br>Ray: Der Strom wurde abgeschaltet,<br> aber ich habe ihn wieder anbekommen. </div> <div class="buttons"> <div class="box button">[[Weiter->Start77]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/H01fm.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br>Comp-E: Das hätte ich nicht von dir erwartet. </div> <div class="buttons"> <div class="box button">[[Weiter->Start78]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/Load99.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br>Ray: Jetzt muss ich nur noch das Letzte hier hochladen.<br> Uuuund... </div> <div class="buttons"> <div class="box button">[[Weiter->Start79]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/Load100.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br>Ray: Fertig. Wir haben es endlich geschafft. </div> <div class="buttons"> <div class="box button">[[Weiter->Start80]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style> tw-story {background-image:url("http://games.creative-gaming.eu/twine/2024_comp-e/Load100.png");background-size:cover;} </style> <body> <div class="box flex"> <div class="box dialogue"><br>Comp-E: Das hat aber gedauert. </div> <div class="buttons"> <div class="box button">[[Weiter->Start81]]</div> </div> </div> <script> function slowText (speed) { let dialogue = document.querySelector('.box.dialogue'); dialogue.innerHTML = dialogue.innerHTML.replaceAll('<br data-raw="">', '<br>'); dialogue.innerHTML = dialogue.innerHTML.replaceAll(' ', '&nbsp;'); function setChar(pos, str) { setTimeout(function() { dialogue.innerText += str.charAt(pos); if (pos < str.length) setChar(++pos, str) }, speed); } let dia_text = dialogue.innerText; dialogue.innerText = ''; { let i = 0; setChar(i, dia_text); } } slowText(40); </script> <style> <p class="slant">Some text</p> </style> </body><h2>Gutes Ende</h2> <h2>Vielen Dank fürs Spielen!</h2> <h4> Programmierung: Nima & Deyar<br> Art: Jolina<br> Story Writimg: Leander & Marcel<br><br> Special THX @Mintolbee<br> Inspired by: JELL-E</h4> <div class="buttons"> <div class="box button">[[Ende->SETUP]]</div> </div> </div>