Port Darwin

Demonstration Bildwechsel mit JavaScript

Die Bilder werden vorgeladen. Bitte einen Moment warten.

Bauphase 1 von 43

Kleine Erläuterung

Zweck der Übung

Mit dieser Demonstration habe ich einer meiner damaligen Klassen spielerisch den Zusammenhang zwischen Ereignissen und den dadurch ausgelösten Aktionen gezeigt: Das Berühren des Sliders mit der Maus löst hier einen Bildwechsel aus.

Hilfsmittel

Da ich zu dieser Zeit bereits einen familiären Minecraft-Server betrieb, auf dem fleißig gebaut wurde, dokumentierte ich über einen Zeitraum von mehreren Wochen den Baufortschritt unserer Science-Fiction-Baustelle „Port Darwin“.

Wir besaßen bereits eine Livemap, die über das Internet aufgerufen werden konnte. Jeden Abend machte ich einen Screenshot, bevor mein Tag endete. Andere Spieler waren danach oft noch bis zum nächsten Morgen auf dem Server aktiv.

Technische Umsetzung

Anschließend schrieb ich ein HTML-Dokument mit etwas PHP-Code zum Auslesen des Bildverzeichnisses sowie eine JavaScript-Datei für den Bildwechsel. Der PHP-Code ist übrigens so angelegt, dass ich lediglich weitere, fortlaufend nummerierte Bilder hochladen müsste. Die neuen Bilder würden automatisch übernommen.

Für diese Seite wurde der damalige Code modernisiert und auch der Slider optisch angepasst. Die Grundfunktion ist allerdings noch dieselbe.

Spielversion

Die Minecraft-Version auf unserem Server wurde damals gerade auf 1.7.2 aktualisiert, was man am Ende beim Bau des Ring-Gebäudes erkennen kann: Erstmals gab es farbiges Glas!

Erstellungsdatum

Diese Programmdemonstration wurde im November 2013 von Gerd Schiefer erstellt.