Erste Schritte: Unterschied zwischen den Versionen

Aus twinewiki-de.net
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
{{DISPLAYTITLE:Erste Schritte}}
{{DISPLAYTITLE:Erste Schritte}}


=== '''Achtung:''' Dieses Tutorial ist noch in Arbeit! ===
In diesem '''Tutorial''' erkläre ich dir, wie du ein Twine-Spiel schreiben kannst.
Im diesem Tutorial erkläre ich dir, wie du ein Twine-Spiel programmieren kannst. Wobei - programmieren musst du eigentlich gar nicht!


Zuerst öffnest du einen Webbrowser und gehst auf die Seite [http://www.twinery.org https://www.twinery.org]. '''Achtung:''' Nimm bitte '''nicht''' den Safari-Browser, weil der manchmal Probleme machen kann! Verwende zum Beispiel Firefox oder Chrome. Wenn du auf der Seite bist, klicke auf "Use in your browser". 
[[Datei:Twine-Homepage.png|alternativtext=Twine-Homepage|links|300x300px]]
1. Öffne einen Webbrowser und gehe auf die Seite [http://www.twinery.org https://www.twinery.org].  


[[Datei:Twine-Homepage.png|alternativtext=Twine-Homepage]]
'''Achtung:''' Nimm bitte '''nicht''' den Safari-Browser, weil der manchmal Probleme machen kann!


Wenn du noch nie mit Twine gearbeitet hast, erscheint ein kleines '''Begrüßungsfenster''', das du einfach schließen kannst. Du befindest dich nun auf der '''Übersichtss'''
Wenn du auf der Seite bist, klicke auf "Use in your browser".  


'''eite'''. Um dein erstes Spiel zu erstellen, klicke auf "+ Neu". 
Das kleine '''Begrüßungsfenster''' kannst du einfach schließen.


[[Datei:Ein neues Spiel erstellen.png|alternativtext=Ein neues Spiel erstellen]]  
[[Datei:Ein_neues_Spiel_erstellen.png|alternativtext=Ein neues Spiel erstellen|links|300x300px]]
2. Du befindest dich nun auf der '''Übersichtsseite'''.


Als nächstes gib deinem Spiel einen '''Namen''' und klicke auf "Erstellen".  
Um dein erstes Spiel zu erstellen, klicke auf "+ Neu".


[[Datei:Ein neues Spiel benennen.png|alternativtext=Ein neues Spiel benennen]]
Gib im Kästchen einen '''Namen''' für das Spiel ein.  


Danach gelangst du zur '''Arbeitsoberfläche''' von Twine. Ein Twine-Spiel besteht aus vielen einzelnen Abschnitten, die durch Links miteinander verbunden sind. Am Anfang besteht dein Spiel aus nur einem Abschnitt. Die '''Rakete''' zeigt, dass das Spiel hier beginnt. Mit einem Doppelklick öffnest du den Abschnitt, um ihn zu bearbeiten.  
Klicke dann auf "Erstellen".


[[Datei:Startabschnitt.png|alternativtext=Startabschnitt]]
[[Datei:Startabschnitt.png|alternativtext=Startabschnitt|links|300x300px]]
3. Danach gelangst du zur '''Arbeitsoberfläche''' von Twine.


In der '''Bearbeitungsansicht''' kannst du den Abschnitt umbenennen und mit Inhalt füllen. Dazu solltest du dir aber zuerst überlegen, was im Spiel eigentlich passieren soll. Das geht am besten mit Stift und Papier.
Am Anfang besteht dein Spiel aus nur einem Abschnitt.  


Für dieses Tutorial habe ich eine Karte vom Zauberwald gezeichnet, komplett mit Hexenhaus und Dornröschenschloss. Die muss nicht schön aussehen, weil ich sie ja nur für die Planung brauche. So sieht meine Karte aus:
Die '''Rakete''' zeigt, dass das Spiel hier beginnt.  


[[Datei:Märchenwald.png|alternativtext=Karte des Märchenwalds]]


Um den Zauberwald in Twine nachzubauen, klicke nun den ersten Kasten an, der bereits auf der Arbeitsfläche liegt und dann oben in der Menüleiste auf "Abschnitt" und "Bearbeiten". Damit öffnest du die '''Bearbeitungsansicht''' des Abschnitts:


[[Datei:Bearbeitungsansicht.png|alternativtext=Bearbeitungsansicht eines Abschnitts]]
[[Datei:Märchenwald.png|alternativtext=Karte des Märchenwalds|rand|links|300x300px]]
4. In diesem Tutorial erstellen wir ein kleines Märchenspiel.


Tippe auf "Umbenennen" (1) und gib als neuen Namen "Waldrand" ein. Schreibe dann in den großen Kasten unten (2) den folgenden Text (du kannst ihn auch von hier kopieren).
Damit du dir die Spielwelt vorstellen kannst, habe ich eine kleine Karte gezeichnet.
Du bist Klara Kleeblatt und möchtest deine Freundin Rapunzel in ihrem Turm besuchen. Du spazierst fröhlich los und nach kurzer Zeit gelangst du zu einer kleinen <nowiki>[[Waldlichtung]]</nowiki>.
Das Wort <nowiki>[[Waldlichtung]]</nowiki> steht in doppelten eckigen Klammern. Wenn du die Bearbeitungsansicht mit Klick auf das kleine Kreuz rechts oben schließt, siehst du warum: Twine hat einen neuen Abschnitt "Waldlichtung" angelegt und diesen mit dem Abschnitt "Waldrand" verbunden! Der Pfeil zwischen den Kästchen zeigt uns an, dass wir im Spiel vom Abschnitt "Waldrand" zum Abschnitt "Waldlichtung" gelangen können.  


[[Datei:Verknüpfungspfeil.png|alternativtext=Verknüpfungspfeil]]
Unten siehst du den Waldrand, wo das Spiel beginnen soll.  


Öffne nun den Abschnitt "Waldlichtung", damit wir ihn bearbeiten können. Gib folgenden Text ein:
Außerdem gibt es noch:
Du gelangst zu einer kleinen Lichtung mitten im Wald. Ein kleiner <nowiki>[[Wegweiser]]</nowiki> zeigt an, wohin du von hier aus wandern kannst.
Wenn du den Text eingegeben und das Bearbeitungsfenster geschlossen hast, siehst du, dass ein neues Kästchen entstanden ist: "Wegweiser"!


Öffne diesen neuen Abschnitt und gib den folgenden Text ein.  
eine Waldlichtung, den Rapunzelturm, das Hexenhaus und das Dornröschenschloss.
 
 
 
[[Datei:Bearbeitungsansicht.png|alternativtext=Bearbeitungsansicht eines Abschnitts|links|300x300px]]
5. Klicke nun den Kasten auf der Arbeitsfläche an.
 
Klicke dann oben in der Menüleiste auf "Abschnitt" und "Bearbeiten".
 
Damit öffnest du die '''Bearbeitungsansicht''' des Abschnitts.
 
Tippe auf "Umbenennen" (1) und gib als neuen Namen "Waldrand" ein.
 
 
6. Schreibe dann in den großen Kasten unten (2) den folgenden Text (du kannst ihn auch von hier kopieren).
Du bist Klara Kleeblatt und möchtest deine Freundin Rapunzel in ihrem Turm besuchen.
Du spazierst fröhlich los und nach kurzer Zeit gelangst du zu einer kleinen <nowiki>[[Waldlichtung]]</nowiki>.
[[Datei:Verknüpfungspfeil.png|alternativtext=Verknüpfungspfeil|links|300x300px]]
7. Das Wort <nowiki>[[Waldlichtung]]</nowiki> steht in doppelten eckigen Klammern.
 
Dies bewirkt, dass Twine einen neuen Abschnitt "Waldlichtung" hinzufügt.
 
Dieser neue Abschnitt wird mit dem Abschnitt "Waldrand" verbunden.
 
Schließe nun die Bearbeitungsansicht.
 
Auf der Arbeitsoberfläche siehst du zwei neue Dinge:
 
das neue Kästchen und einen Pfeil, der die beiden Kästchen verbindet.
 
 
 
8. Öffne nun den Abschnitt "Waldlichtung", damit wir ihn bearbeiten können. Gib folgenden Text ein:
Du gelangst zu einer kleinen Lichtung mitten im Wald.
Ein kleiner <nowiki>[[Wegweiser]]</nowiki> zeigt an, wohin du von hier aus wandern kannst.
9. Wenn du den Text eingegeben und das Bearbeitungsfenster geschlossen hast, siehst du, dass ein neues Kästchen entstanden ist: "Wegweiser".
 
Öffne auch diesen neuen Abschnitt und gib den folgenden Text ein.  
  Der Wegweiser zeigt drei Wanderziele an. Wohin möchtest du gehen?  
  Der Wegweiser zeigt drei Wanderziele an. Wohin möchtest du gehen?  
   
   
Zeile 48: Zeile 83:
  <nowiki>[[Knusperhäuschen]]</nowiki>
  <nowiki>[[Knusperhäuschen]]</nowiki>
  <nowiki>[[Dornröschenschloss]]</nowiki>
  <nowiki>[[Dornröschenschloss]]</nowiki>
Nun erscheinen gleich drei neue Kästchen, da wir auch drei Links angelegt haben. Du kannst die Kästchen auf der Arbeitsoberfläche übrigens mit der Maus beliebig verschieben, um sie übersichtlich anzuordnen.


Als nächstes kümmern wir uns um den Abschnitt "Rapunzelturm". Öffne ihn und gib folgenden Text ein:
 
  Schon von weitem siehst du den hohen Turm aus den Baumwipfeln ragen. Als du angekommen bist, rufst du nach deiner Freundin Rapunzel, doch sie antwortet nicht. Da entdeckst du plötzlich einen Zettel, der am Turm klebt. Neugierig liest du die Nachricht: "Bien bei Dornröhschen zum Teh eingeladn. Rabonsel" Da stimmt doch etwas nicht... Nur eine macht beim Schreiben so viele Fehler... die Knusperhexe! Hat sie Rapunzel etwa entführt? Schnell eilst du zum <nowiki>[[Knusperhäuschen]]</nowiki>.
10. Nun erscheinen gleich drei neue Kästchen.
Da es den Abschnitt "Knusperhäuschen" schon gibt, fügt Twine nun einfach einen weiteren Pfeil ein, der vom Abschnitt "Rapunzelturm" dorthin führt. Nun ist das Dornröschenschloss dran. Öffne den Abschnitt zum Bearbeiten und füge folgenden Text ein:
 
 
11. Als nächstes kümmern wir uns um den Abschnitt "Rapunzelturm".  
 
Öffne ihn und gib folgenden Text ein:
  Schon von weitem siehst du den hohen Turm aus den Baumwipfeln ragen.  
Als du angekommen bist, rufst du nach deiner Freundin Rapunzel,  
doch sie antwortet nicht. Da entdeckst du plötzlich einen Zettel,  
der am Turm klebt. Neugierig liest du die Nachricht:  
"Bien bei Dornröhschen zum Teh eingeladn. Rabonsel"  
Da stimmt doch etwas nicht...  
Nur eine macht beim Schreiben so viele Fehler... die Knusperhexe!  
Hat sie Rapunzel etwa entführt?  
Schnell eilst du zum [[Knusperhäuschen|<nowiki>[[</nowiki>]]Knusperhäuschen]].
 
Schon von weitem siehst du den hohen Turm aus den Baumwipfeln ragen.
 
 
 
13. Nun ist das "Dornröschenschloss" dran. Öffne den Abschnitt zum Bearbeiten und füge folgenden Text ein:
  Nach einem kurzen Fußweg erreichst du das Dornröschenschloss. Leider schlafen hier alle, sodass du schnell zum <nowiki>[[Wegweiser]]</nowiki> auf der Waldlichtung zurückwanderst.  
  Nach einem kurzen Fußweg erreichst du das Dornröschenschloss. Leider schlafen hier alle, sodass du schnell zum <nowiki>[[Wegweiser]]</nowiki> auf der Waldlichtung zurückwanderst.  
Auch diesen Abschnitt gibt es schon. Der Pfeil, der vom Abschnitt "Wegweiser" auf das Dornröschenschloss gezeigt hat, zeigt nun auch in die andere Richtung, sodass man im Spiel zwischen den beiden Orten hin- und herlaufen kann:
[[Datei:Märchenwald-Pfeile.png|alternativtext=Märchenwald-Pfeile|links|300x300px]]
Auch diesen Abschnitt gibt es schon.  
 
Der Pfeil, der vom Abschnitt "Wegweiser" auf das Dornröschenschloss gezeigt hat, zeigt nun auch in die andere Richtung.


[[Datei:Märchenwald-Pfeile.png|alternativtext=Märchenwald-Pfeile]]
Man kann also im Spiel zwischen den beiden Orten hin- und herlaufen.

Version vom 28. Dezember 2022, 13:04 Uhr


In diesem Tutorial erkläre ich dir, wie du ein Twine-Spiel schreiben kannst.

Twine-Homepage

1. Öffne einen Webbrowser und gehe auf die Seite https://www.twinery.org.

Achtung: Nimm bitte nicht den Safari-Browser, weil der manchmal Probleme machen kann!

Wenn du auf der Seite bist, klicke auf "Use in your browser".

Das kleine Begrüßungsfenster kannst du einfach schließen.

Ein neues Spiel erstellen

2. Du befindest dich nun auf der Übersichtsseite.

Um dein erstes Spiel zu erstellen, klicke auf "+ Neu".

Gib im Kästchen einen Namen für das Spiel ein.

Klicke dann auf "Erstellen".

Startabschnitt

3. Danach gelangst du zur Arbeitsoberfläche von Twine.

Am Anfang besteht dein Spiel aus nur einem Abschnitt.

Die Rakete zeigt, dass das Spiel hier beginnt.


Karte des Märchenwalds

4. In diesem Tutorial erstellen wir ein kleines Märchenspiel.

Damit du dir die Spielwelt vorstellen kannst, habe ich eine kleine Karte gezeichnet.

Unten siehst du den Waldrand, wo das Spiel beginnen soll.

Außerdem gibt es noch:

eine Waldlichtung, den Rapunzelturm, das Hexenhaus und das Dornröschenschloss.


Bearbeitungsansicht eines Abschnitts

5. Klicke nun den Kasten auf der Arbeitsfläche an.

Klicke dann oben in der Menüleiste auf "Abschnitt" und "Bearbeiten".

Damit öffnest du die Bearbeitungsansicht des Abschnitts.

Tippe auf "Umbenennen" (1) und gib als neuen Namen "Waldrand" ein.


6. Schreibe dann in den großen Kasten unten (2) den folgenden Text (du kannst ihn auch von hier kopieren).

Du bist Klara Kleeblatt und möchtest deine Freundin Rapunzel in ihrem Turm besuchen. 
Du spazierst fröhlich los und nach kurzer Zeit gelangst du zu einer kleinen [[Waldlichtung]].
Verknüpfungspfeil

7. Das Wort [[Waldlichtung]] steht in doppelten eckigen Klammern.

Dies bewirkt, dass Twine einen neuen Abschnitt "Waldlichtung" hinzufügt.

Dieser neue Abschnitt wird mit dem Abschnitt "Waldrand" verbunden.

Schließe nun die Bearbeitungsansicht.

Auf der Arbeitsoberfläche siehst du zwei neue Dinge:

das neue Kästchen und einen Pfeil, der die beiden Kästchen verbindet.


8. Öffne nun den Abschnitt "Waldlichtung", damit wir ihn bearbeiten können. Gib folgenden Text ein:

Du gelangst zu einer kleinen Lichtung mitten im Wald. 
Ein kleiner [[Wegweiser]] zeigt an, wohin du von hier aus wandern kannst.

9. Wenn du den Text eingegeben und das Bearbeitungsfenster geschlossen hast, siehst du, dass ein neues Kästchen entstanden ist: "Wegweiser".

Öffne auch diesen neuen Abschnitt und gib den folgenden Text ein.

Der Wegweiser zeigt drei Wanderziele an. Wohin möchtest du gehen? 

[[Rapunzelturm]]
[[Knusperhäuschen]]
[[Dornröschenschloss]]


10. Nun erscheinen gleich drei neue Kästchen.


11. Als nächstes kümmern wir uns um den Abschnitt "Rapunzelturm".

Öffne ihn und gib folgenden Text ein:

Schon von weitem siehst du den hohen Turm aus den Baumwipfeln ragen. 
Als du angekommen bist, rufst du nach deiner Freundin Rapunzel, 
doch sie antwortet nicht. Da entdeckst du plötzlich einen Zettel, 
der am Turm klebt. Neugierig liest du die Nachricht: 

"Bien bei Dornröhschen zum Teh eingeladn. Rabonsel" 

Da stimmt doch etwas nicht... 
Nur eine macht beim Schreiben so viele Fehler... die Knusperhexe! 
Hat sie Rapunzel etwa entführt? 

Schnell eilst du zum [[Knusperhäuschen]].
Schon von weitem siehst du den hohen Turm aus den Baumwipfeln ragen. 


13. Nun ist das "Dornröschenschloss" dran. Öffne den Abschnitt zum Bearbeiten und füge folgenden Text ein:

Nach einem kurzen Fußweg erreichst du das Dornröschenschloss. Leider schlafen hier alle, sodass du schnell zum [[Wegweiser]] auf der Waldlichtung zurückwanderst. 
Märchenwald-Pfeile

Auch diesen Abschnitt gibt es schon.

Der Pfeil, der vom Abschnitt "Wegweiser" auf das Dornröschenschloss gezeigt hat, zeigt nun auch in die andere Richtung.

Man kann also im Spiel zwischen den beiden Orten hin- und herlaufen.