Bilder einfügen

Aus twinewiki-de.net
Version vom 3. Januar 2023, 17:48 Uhr von Knarfio (Diskussion | Beiträge) (Angelegt und teilweise geschrieben.)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)

Bilder tragen erheblich zur Attraktivität eines Spiels bei und können auch für das Spiel selbst wichtig sein, wenn sie z. B. Informationen enthalten oder Gegenstand von Rätseln sind. Es gibt zwei einfache Verfahren, um Bilder in ein Twine-Spiel einzufügen, mit je eigenen Vor- und Nachteilen.

Methode 1: Das Bild mitliefern

Wenn das Bild zusammen mit der Spieldatei verteilt bzw. hochgeladen werden kann, lässt es sich ganz einfach mit folgendem Code an beliebiger Stelle im Spiel einbinden:

<img src="elster.jpg">

Wichtig: die veröffentlichte Spieldatei und die Bilder müssen sich im selben Ordner befinden, sonst findet sie der Browser beim Spielen nicht. Deshalb sind die Bilder beim Testen aus Twine heraus auch nicht zu sehen. Dies ist kein Fehler.

Vorteile Nachteile
Bilder können leicht verändert werden. Bilder müssen mitgeliefert werden.
Bilder sind zuverlässig verfügbar. Bilder sind beim Testen nicht sichtbar.
Spiele funktionieren auch offline.

Methode 2: Das Bild hochladen

Wenn man das Bild auf einer Image-Hosting-Plattform wie https://de.imgbb.com hochlädt, erhält man einen Link zum Bild, den man wie folgt einfügen kann:

<img src="https://i.ibb.co/xe5Tz7K/elster.jpg" alt="Bild einer Elster" border="0">

Der Text hinter alt= wird beispielsweise angezeigt, wenn das Bild nicht verfügbar ist oder das Spiel von einem Screenreader vorgelesen wird. border="0" bedeutet, dass um das Bild herum kein Rahmen gezogen werden soll; in diesem Fall kann die Angabe aber auch entfallen.

Mit den Attributen width und height lässt sich die Größe des Bildes anpassen. Gibt man nur einen der beiden Werte an, wird der andere proportional angepasst.

<img src="https://i.ibb.co/xD5ev8K/apfel.jpg" alt="Bild eines Apfels" width=300>
Vorteile Nachteile
Bilder müssen nicht mitgeliefert werden. Man muss beim Spielen online sein.
Bilder sind auch beim Testen sichtbar. Spätere Verfügbarkeit nicht garantiert.


Bilder können auch als Links verwendet werden. Im folgenden Beispiel gelangt man in den Abschnitt Schatzkammer, wenn man auf das Bild eines Schlüssels klickt:


Hinweis: Lizenzfreie Bilder für Spiele und andere Projekte findet man z. B. auf https://pixabay.com/de oder https://commons.wikimedia.org.