<img src=https://v1.padlet.pics/1/image.webp?t=c_limit%2Cdpr_2%2Ch_779%2Cw_1169&url=https%3A%2F%2Fpadlet-uploads.storage.googleapis.com%2F363821064%2Ffc19fb07f8da641de7be3e4ed911586f%2Ftwine_titel.PNG width="100%">
[[START->hub]]
(after:7s)[(goto: "hub")]#Loslegen mit Twine
[[Wo kann ich Twine herunterladen?->installation]]
[[Wie lege ich meine erste Geschichte an?->geschichte]]
[[Wie bearbeite ich meinen ersten Abschnitt?->abschnitt]]
[[Wie erstelle ich Weggabelungen / Hyperlinks?->hyperlinks]]
[[Wie kann ich meine Geschichte testen?->testen]]
[[Wie kann ich meine Geschichte in eine Datei verwandeln und teilen?->teilen]]
Du möchtest Bilder in deine Story einfügen oder Variablen anlegen?
Mehr Tipps zu Twine findest du in diesem Google-Dokument(link: ", meinem Twine-Spickzettel")[(open-URL:"https://docs.google.com/document/d/1BcAh6sMRVodKro47H3176pzi8Wmi74K45IcjiR-9cvI/edit")].
Dieses Tutorial zeigt dir den Umgang mit dem [[Geschichtsformat Harlowe 3.3.0->storyformate]].
Du musst online sein, damit die Bilder geladen werden.
Dieses Twine steht unter Crative Common Lizenz (link: " CC BY 2.0 DE")[(open-URL:"https://creativecommons.org/licenses/by/2.0/de/")]. Du darfst es teilen, verwenden und verändern bei Namensnennung (link: "(Frank Schlegel @digitaldurstig)")[(open-URL:"https://digitaldurstig.de")].
Twine ist ein OpenSource-Programm von Chris Klimas.
(link: "zur Website von Twine")[(open-URL:"http://twinery.org")]
[[zurück zum Titel-Bildschirm->einstieg]]
Twine ist eine kostenfreie OpenSource-Software.
Du findest sie auf der Website (link: "twinery.org")[(open-URL:"https://twinery.org/")]
<img src=https://v1.padlet.pics/1/image.webp?t=c_limit%2Cdpr_2%2Ch_195%2Cw_1328&url=https%3A%2F%2Fpadlet-uploads.storage.googleapis.com%2F363821064%2F7ed07440cd159ac454df2f73af5dfa7f%2Ftwinery_org.PNG width="100%">
[[Ok, ich bin auf der Website. Und jetzt?->download]]Du kannst Twine direkt auf der Online-Plattform nutzen ("Use in your browser") oder herunterladen und auf deinem eigenen Computer installieren.
<img src=https://v1.padlet.pics/2/image.webp?t=c_limit%2Cdpr_2%2Ch_112%2Cw_960&url=https%3A%2F%2Fpadlet-uploads.storage.googleapis.com%2F363821064%2F197ddfc114b6a2c92ae50705d0624d4c%2F07426A01_31D9_4F5C_B0A8_9795A2DDFE46.gif width="100%">
Ich empfehle dir, Twine herunterzuladen und auf deinem eigenen Computer zu nutzen. Du läufst dann keine Gefahr, dass deine Twine-Projekte wegen irgendwelcher Internetprobleme aus deiner Online-Version verschwinden.
Klicke dazu auf |aufklapper>["Download desktop app".]
(click-replace: ?aufklapper)["Download desktop app".
Du gelangst zu einer GitHub-Seite, auf der du eine passende Twine-Version herunterladen kannst.
<img src=https://v1.padlet.pics/1/image.webp?t=c_limit%2Cdpr_2%2Ch_885%2Cw_1328&url=https%3A%2F%2Fpadlet-uploads.storage.googleapis.com%2F363821064%2F098a0f1cd6f37caac4ce91e3aca1c6bb%2F86C39B2A_8B87_46F6_A204_FF37484E0C58.png width="100%">
Klicke die Version deiner Wahl an, lade sie herunter und installiere sie auf deinem Computer. (Für Mobilgeräte gibt es leider keine Twine-Version.)
[[Wie lege ich nun meine erste Geschichte an?->geschichte]]
[[Zurück zum Menü->hub]]]
Sobald du Twine startest, gelangst du auf dein Dashboard. Hier findest du all deine Projekte (stories).
Wenn du eine deiner Geschichten auswählst, kannst du sie bearbeiten, mit einem Tag einem Thema zuordnen, umbenennen, vervielfältigen oder löschen.
<img src=https://v1.padlet.pics/2/image.webp?t=c_limit%2Cdpr_2%2Ch_422%2Cw_960&url=https%3A%2F%2Fpadlet-uploads.storage.googleapis.com%2F363821064%2F3c656c9ec066fb80117c3d7624e2052a%2F72598803_9143_4329_BD56_33664516C341.gif width="100%">
Um eine neue Geschichte zu starten, gehe auf `+ New`, gib einen Namen für deine Geschichte ein und lege sie mit `✓ Create` an.
<img src=https://v1.padlet.pics/2/image.webp?t=c_limit%2Cdpr_2%2Ch_419%2Cw_960&url=https%3A%2F%2Fpadlet-uploads.storage.googleapis.com%2F363821064%2F481ca6d037c4484e080bc57f4574761b%2FFF989C05_78F9_4886_BFB8_09ECF5BA20F6.gif width="100%">
[[Hab ich!->firstpassage]]Du bist jetzt auf deiner Projektleinwand und kannst mit dem Schreiben deiner Geschichte beginnen.
<img src=https://v1.padlet.pics/1/image.webp?t=c_limit%2Cdpr_2%2Ch_804%2Cw_1375&url=https%3A%2F%2Fpadlet-uploads.storage.googleapis.com%2F363821064%2Fb553a9987c43777f6e674ef5ff197f44%2Ftwine_leinwand.png width="100%">
Der erste Abschnitt deiner Geschichte ist schon automatisch eingefügt. Hier startet auch für deine Spieler*innen das Spiel. Das erkennst du an der grünen Rakete.
[[Und wie bearbeite ich jetzt diesen ersten Abschnitt?->abschnitt]]
[[zurück zum Menü->hub]]Bei dem Abschnitt mit der grünen Rakete startet deine Geschichte.
Um diesen Abschnitt zu bearbeiten und mit Text zu füllen, doppelklicke ihn einfach.
<img src=https://v1.padlet.pics/2/image.webp?t=c_limit%2Cdpr_2%2Ch_629%2Cw_960&url=https%3A%2F%2Fpadlet-uploads.storage.googleapis.com%2F363821064%2Fe0c104d6e4370178af694344fe205874%2F6943668C_18D8_4E78_B68E_4F4E0D293007.gif width="100%">
Als erste Amtshandlung benenne ich meinen ersten Abschnitt um. Meistens nenne ich ihn `"einstieg"` oder `"start"`.
<img src=https://v1.padlet.pics/2/image.webp?t=c_limit%2Cdpr_2%2Ch_476%2Cw_960&url=https%3A%2F%2Fpadlet-uploads.storage.googleapis.com%2F363821064%2Fa751a6bda33a4bc276effa3e5e15ccef%2F515E0CA1_BF93_42C9_9B18_8BEEA1FC483D.gif width="100%">
|aufklapper>[Warum ist es wichtig, Abschnitte mit einfachen Namen zu benennen?]
[[Wie fülle ich meinen Abschnitt mit Text?->abschnitt2]]
(click-replace: ?aufklapper)[Warum ist es wichtig, Abschnitte mit einfachen Namen zu benennen?
Wir könnten unseren ersten Abschnitt doch auch `"Hier beginnt unseree epische Geschichte"` nennen.
Aber du merkst schon: Hier hat sich ein Rechtschreibfehler eingeschlichen. Das kann zu ziemlich chaotischen Fehlern führen, wenn du später auf bereits bestehende Abschnitte verweisen willst.
Deshalb verzichte ich bei der Benennung von Abschnitten auf Groß- und Kleinschreibung und Leerzeichen! Das verringert die Chance, dass ich mich später verschreibe ...]
Jetzt wird's spannend! Du wirst deine Spielenden vor eine Wahl stellen. Sie können zwischen zwei verschiedenen Wegen wählen.
Das bedeutet: Du wirst zwei Links in deinem Abschnitt anlegen, die jeweils zu einem anderen neuen Abschnitt führen.
Einen klickbaren Hyperlink legst du an, indem du eckige Klammern verwendest. Mit einem Pfeil aus `-` und `>` verweist du auf den nächsten Abschnitt, den ich hier `gang1` nenne.
<img src=https://v1.padlet.pics/2/image.webp?t=c_limit%2Cdpr_2%2Ch_444%2Cw_960&url=https%3A%2F%2Fpadlet-uploads.storage.googleapis.com%2F363821064%2F965e09409c98a575a30256a67963d2d8%2F0EA728EA_FBC8_4F27_A0FB_272CA731E226.gif width="100%">
|aufklapper>[Wie mache ich nochmal eckige Klammern?]
Das Geschichtsformat Harlowe bietet noch eine weitere Möglichkeit, Hyperlinks anzulegen.
|aufklapper2>[Willst du sie kennenlernen?]
Die neuen Abschnitte kannst du genauso bearbeiten wie deinen ersten Abschnitt.
Du kannst in einem Abschnitt beliebig viele Links zu beliebig vielen Abschnitten setzen. Umgekehrt kannst du auch beliebig oft auf einen bestimmten Abschnitt verweisen.
MIT DIESEM WISSEN KANNST DU SCHON RIESIGE INTERAKTIVE GESCHICHTEN MIT TWINE UMSETZEN! Alles Weitere ist Schnickschnack. ^^
[[Großartig! Wie kann ich das denn testen bzw. spielen?->testen]]
[[zurück zum Menü->hub]]
(click-replace: ?aufklapper)[Wie kannst du eckige Klammern eingeben?
Gute Frage!
Dafür verwendest du auf deiner Tastatur diese Kürzel:
<img src=https://v1.padlet.pics/1/image.webp?t=c_limit%2Cdpr_2%2Ch_362%2Cw_1088&url=https%3A%2F%2Fpadlet-uploads.storage.googleapis.com%2F363821064%2F36b113266d3d492c296332a7f640bd9c%2F86F465D6_C845_496C_A151_FDCA8E4FD9EF.png width="100%">]
(click-replace: ?aufklapper2)[
Wähle einfach die Link-Maske im Macro-Menü deines Abschnitts aus.
<img src=https://v1.padlet.pics/2/image.webp?t=c_limit%2Cdpr_2%2Ch_444%2Cw_960&url=https%3A%2F%2Fpadlet-uploads.storage.googleapis.com%2F363821064%2Fc5984287422a230bc11084622d40ba4b%2F4C56DFC7_91D0_486C_A3F4_76EBA40B1C2A.gif width="100%">
Hier kannst du Text und Zielabschnitt deines Hyperlinks eingeben.
<img src=https://v1.padlet.pics/2/image.webp?t=c_limit%2Cdpr_2%2Ch_444%2Cw_960&url=https%3A%2F%2Fpadlet-uploads.storage.googleapis.com%2F363821064%2F2668b3855db93eabafa36e9bc2ad3ee6%2FF6B037A9_2E58_4FFF_BC25_F805BF2617F0.gif width="100%">]Twine ist ein OpenSource Programm. Das heißt verschiedene Leute können Twine weiterentwickeln.
Einige Entwickler*innen arbeiten stetig an verschiedenen Geschichtsformaten, die du innerhalb von Twine nutzen kannst.
<img src=https://v1.padlet.pics/1/image.webp?t=c_limit%2Cdpr_2%2Ch_564%2Cw_1056&url=https%3A%2F%2Fpadlet-uploads.storage.googleapis.com%2F363821064%2Fcc1c8ace0c78751fc922782339400573%2Fstoryformate.png width="100%">
Die Geschichtsformate unterscheiden sich im Funktionsumfang und arbeiten teilweise mit anderen Befehlen. Als Standardformat ist die aktuelle Version von Harlowe eingestellt. Mit diesem Story Format arbeiten wir auch in diesem Tutorial. Warum?weil Weil es sehr einsteigerfreundlich ist.
Spiele mit vielen Entscheidungen, Bildern und Musik - für all das ist Harlowe vollkommen ausreichend. Für Spiele mit komplexen Menüs, Inventaren und Designs wird SugarCube empfohlen.
Das Geschichtsformat kannst du bei Bedarf im oberen Menüband ändern:
<img src=https://v1.padlet.pics/2/image.webp?t=c_limit%2Cdpr_2%2Ch_204%2Cw_960&url=https%3A%2F%2Fpadlet-uploads.storage.googleapis.com%2F363821064%2F3dccb9a9910825d0acbe8f3ba4cc7c24%2F07224E33_7B49_4B02_8683_75E627DDAC1A.gif width="100%">
[[zurück zum Menü->hub]]Wenn du deine Geschichte aus Perspektive der Spielenden testen möchtest, wähle den Abschnitt aus, von dem aus du deinen Testlauf beginnen möchtest.
Wähle dann im Menüband "Test From Here".
Dein Geschichte öffnet sich daraufhin in deinem Standard-Browser und du kannst sie ausprobieren.
<img src=https://v1.padlet.pics/2/image.webp?t=c_limit%2Cdpr_2%2Ch_574%2Cw_960&url=https%3A%2F%2Fpadlet-uploads.storage.googleapis.com%2F363821064%2F35deb2bb15c102ae14b36df1482e96d5%2F4EA134F2_B5A5_4C84_A33C_2CAD2050F57A.gif width="100%">
[[Wie kann ich meine Geschichte speichern, sodass andere sie spielen können?->teilen]]
[[zurück zum Menü->hub]]Twine speichert deine Geschichte übrigens automatisch.
Wenn du die Leinwand verlässt und zum Dashboard zurückkehrst, geht dir nichts verloren.
<img src=https://v1.padlet.pics/2/image.webp?t=c_limit%2Cdpr_2%2Ch_420%2Cw_960&url=https%3A%2F%2Fpadlet-uploads.storage.googleapis.com%2F363821064%2F3ef5f3faa3b2ce82d6c917adc29bf9fb%2FAB1570D8_CD5A_4613_8BA8_DD7F4A1A9767.gif width="100%">
Trotzdem gilt: Vorsicht ist die Mutter der Porzellankiste!
Es macht Sinn, dass du größere Projekte zwischendurch als Datei abspeicherst bzw. exportierst.
Auch wenn du dein Spiel via Mail verschicken oder irgendwo hochladen möchtest, musst du es als Datei exportieren.
Das kannst du im Menü schnell erledigen. Öffne dein Spiel oder wähle es auf dem Dashboard aus. Wähle dann unter `"Build"` den Punkt `"Publish to File"`.
<img src=https://v1.padlet.pics/2/image.webp?t=c_limit%2Cdpr_2%2Ch_155%2Cw_960&url=https%3A%2F%2Fpadlet-uploads.storage.googleapis.com%2F363821064%2Fea70d062e446d0302aa9336bc2c416ab%2F89D35D7C_5512_40A3_938D_4B4B2D827D56.gif width="100%">
Du kannst deine Geschichte nun in einem Ordner als Html-Datei abspeichern.
Diese Datei kann jeder mit einem Standard-Browser öffnen.
Eine andere Person kann deine Geschichte auch weiterschreiben, indem sie die Datei einfach in ihr eigenes Twine-Programm hineinzieht.
[[zurück zum Menü->hub]]Um den Beginn deiner Geschichte zu schreiben, klicke einfach in das Textfeld und lege los. Hier kommt der Text hinein, den deine Spielenden später lesen können.
<img src=https://v1.padlet.pics/2/image.webp?t=c_limit%2Cdpr_2%2Ch_334%2Cw_960&url=https%3A%2F%2Fpadlet-uploads.storage.googleapis.com%2F363821064%2Fb6d58d30691e4210ba35caf4fabf3ee8%2FD902AD1C_CDCC_47B8_8B0F_C7D54B7D7D4F.gif width="100%">
Im Standard-Format Harlowe bietet dir die Menüleiste einige Möglichkeiten, deinen Text zu verschönern. Zum Beispiel kannst du den Text fett machen, einrahmen oder mit einer Farbe versehen.
<img src=https://v1.padlet.pics/2/image.webp?t=c_limit%2Cdpr_2%2Ch_535%2Cw_960&url=https%3A%2F%2Fpadlet-uploads.storage.googleapis.com%2F363821064%2F9dc003b13298559564fc52895cfadbf0%2F7EF238ED_537A_4131_9BDF_DBAAAC3B85E3.gif width="100%">
[[Wie erstelle ich Links zu weiteren Abschnitten?->hyperlinks]]
[[Häh, was ist Harlowe?->storyformate]]
[[zurück zum Menü->hub]]