Bilder

1. Füge Bilder zu deiner Geschichte hinzu

Bilder können eine spannende Ergänzung für deine interaktive Geschichte sein. Hier erfährst du, wie du sie hinzufügen kannst.

1.1 Dein Bild speichern

Dein Bild muss sich in demselben Ordner befinden, in dem du auch die HTML-Versionen deiner Geschichte speicherst.

Die Struktur sollte wie folgt aussehen:

  1. Erstelle einen Ordner, in dem du deine HTML-Dateien speichern möchtest, zum Beispiel twine-html:

    Screenshot vom Ordner 'Schreibtisch' mit einem Order names 'twine-html'.

  2. Und innerhalb dieses Ordners erstelle einen Ordner namens 'images'. Bitte verwende nur diesen Namen für den Ordner:

    Screenshot vom Ordner 'twine-html' mit einem Order names 'images'.

Im Ordner 'images' speicherst du alle Bilder, die du in deine Geschichte einfügen möchtest.

1.2 Füge deine Bilder in deine Geschichte ein

Nachdem du dein Bild im Ordner 'images' gespeichert hast, kannst du die Stelle in deiner Geschichte markieren, an der es erscheinen soll.

  1. Benutze den Befehl: [img[]]

  2. Füge den Namen des Ordners "images" und dein Bild hinzu: images/bildname.png

  3. So sieht es aus:

    [img[images/bildname.png]]

Jedes Mal, wenn ein Bild erscheinen soll, achte darauf, dass du den Bildbefehl mit dem Namen des Bildes genau dort verwendest, wo es in deiner Geschichte erscheinen soll. In einem Abschnitt könnte das so aussehen:

Screenshot vom Twine Abschnitt das zeigt wie man ein Bild setzen kann.

1.3 Deine Bilder sehen

Du wirst deine Bilder nicht sehen können, wenn du deine Geschichte von Twine aus 'spielst', also in Twine öffnest. Du musst zuerst deine Geschichte als HTML-Datei abspeichern und sie in deinem Geschichten-Ordner speichern. Dann öffnest du deine Geschichte von dort aus und kannst die Bilder sehen, die du hinzugefügt hast.

Speichere deine Geschichte als HTML-Datei.

  1. Gehe in deiner Geschichte in Twine auf das Menü rechts neben dem Namen der Geschichte.

    Screenshot wo man den namen einer Twine Gesichte sehen kann.

  2. Wähle "Als Datei veröffentlichen", um eine HTML-Datei deiner Geschichte zu erstellen. Speichere sie im Ordner "twine-html", der den Ordner "images" enthält.

    Screenshot der Menü einer Geschichte.
    Screenshot das Speichern einer Geschichte.

Spiele deine Geschichte durch, um die Bilder zu sehen

  1. Navigiere zum Ordner 'twine-html', in dem du gerade deine HTML-Datei gespeichert hast. Doppelklicke darauf, um eine spielbare Version in deinem Browser zu öffnen.

  2. Deine Bilder sollten nun angezeigt werden.

    Screenshot einer spielbare Twine Geschichte mit einem Bild.

2. Bildformate

Bilder müssen entweder im jpg oder png Format sein.

Es können folgende drei Abmessungen verwendet werden:

4:5 (1080 x 1350 px)

1:1 (1080 x 1080 px)

1,91:1 (1080 x 566 px)

3. Zusammenfassung

Stelle sicher, dass der Ordner, in dem du deine Bilder speicherst, 'images' heißt.
Stelle sicher, dass sich der Ordner 'images' in dem Ordner befindet, in dem du deine HTML-Dateien speicherst.
Verwende folgenden Befehl, an der Stelle im Text, an der du ein Bild anzeigen möchtest: [img[images/picturename.jpg]]
Der Dateiname muss genau mit dem Namen des Bildes übereinstimmen, das du gerne einbinden möchtest.
Vergewissere dich, dass du die Fotos die richtigen veröffentlichungs rechte besitzt.
Formatierung und Überschriften Übersicht