Planet Schule | SWR

Die Klima Challenge von Planet Schule: Cooles Serious Game im Graphic Novel-Style

Illustration eines Schlauchboots in arktischem Gewässer, das auf ein Forschungsschiff zufährt Illustration eines Schlauchboots in arktischem Gewässer, das auf ein Forschungsschiff zufährt Illustration eines Schlauchboots in arktischem Gewässer, das auf ein Forschungsschiff zufährt
Bildschirmfoto eines Spiels mit einem Eisbohrer

Das interaktive Lernabenteuer „Klima Challenge“ soll Schüler und alle Interessierten in die Lage versetzen, in der Klimadiskussion kompetent mitreden zu können. Auftraggeber ist Planet Schule – ein Lernangebot für Schulen von SWR und WDR.

#Website #WebGL #3D #Animation #Entertainment #Illustration #Motion #Storytelling #Medien #SWR #Awardwinning

Lernabenteuer an spektakulären Hotspots der Klimaforschung

Gemeinsam mit Autorin Susanne Blech und den Redakteuren des SWR entwickelten wir ein Lernabenteuer, das die Spieler an vier wichtige Hotspots der Klimaforschung begleitet. Die Reise führt an entlegene Orte: zum Mauna Loa Observatory nach Hawaii, mit der Polarstern in die Arktis, zur Neumayer-Station in die Antarktis und sogar in den Weltraum zur ISS.

Begleitet werden die Reisen von renommierten Wissenschaftlern, wie Dr. Stefanie Arndt (Antarktis) oder Aidan Colton (Hawaii). Die Wissenschaftler führen die Spieler*innen in Dialogform durch die Inhalte und reagieren in Form von animierten GIFs auf ihre Leistungen. Die Spieler*innen können über einen Chat im Stil von WhatsApp direkt mit den Wissenschaftlern interagieren. Auch kurze Interview-Videos wurden vom SWR produziert und in das Spiel integriert.

Die erste interaktive 3D-Graphic Novel von Planet Schule

Inspiriert vom Spiel "Sable“ wurde die Anwendung im Stil einer Graphic Novel umgesetzt, der 3D-Szenen und 2D-Illustrationen verbindet. Der klare Stil hilft, visuell die Weite und Einsamkeit der Locations zu betonen und ermöglicht es, alles erforderliche Material selbst zu produzieren.

An jedem Ziel betreten die Spieler*innen zunächst ein Außenpanorama, in dem sie sich frei umschauen können. Nachdem ein unterhaltsames Warm-up-Game gelöst wurde, kann die jeweilige Forschungstation betreten werden. Auch hier können sich die Spieler*innen frei umschauen und in jeweils vier interaktiven Lernaufgaben ihr Wissen verbessern.

In insgesamt 16 anspruchsvollen Lerngames wurden so verschiedenartige wissenschaftliche Erkenntnisse von den großen Aussterbeereignissen bis hin zur Funktionsweise des Jetstream interaktiv aufbereitet.

Technisch anspruchsvoller Crossover

Da die Anwendung 3D und 2D-Darstellungen vereint, sind viele unterschiedliche Webtechnologien eingeflossen, wie zum Beispiel WebGL, Three.js, Vue.js oder Create.js. Ebenfalls hervorzuheben ist die XML-Architektur, mit der sich die Chats dynamisch erzeugen lassen.

Für die 3D-Szenen wurden spezielle Comic-Shader genutzt, um die 3D-Objekte im Stil der Graphic Novel rendern zu können. Viele Objekte mussten manuell nachgearbeitet werden, um eine gute Performance sicherzustellen.

Getestet und für cool befunden

Spiel und Spielkonzept wurden von unserer UX-Expertin Nadine in zwei ausführlichen Usertests mit Schülern überprüft. Für Idee und Umsetzung gab es von den Schülern sehr positives Feedback. Die Tests haben aber auch geholfen, kleinere Usability-Probleme zu erkennen und zu beheben. Auch die Experten der TU Darmstadt haben das Spiel ausgiebig getestet. Das Spiel erfüllt alle Kriterien eines sogenannten Serious Games, also einer Anwendung, die ernste Inhalte auf spielerische Art vermittelt.

Best Education Website Designs of 2023

Hallo!

Mein Name ist Ralf.

Ich habe dieses Projekt als Teamleiter Frontend Entwicklung begleitet und zum Beispiel das Shading der 3D-Objekte im Comic-Look entwickelt. Wenn Sie Fragen dazu haben oder ein ähnliches Projekt realisieren möchten, sprechen Sie uns gerne an:

Telefon: +49 721 667789 20
info@netzbewegung.com