Virtuelle Reise zu spektakulären Hotspots der Klimaforschung

Gemeinsam mit Autorin und Expertin für Natur- und Umweltthemen Susanne Blech sowie den Redakteuren des SWR entwickelte die Netzbewegung ein Lernabenteuer, das die Spieler an vier wichtige Hotspots der Klimaforschung begleitet. Die Reise führt zum Mauna Loa Observatory nach Hawaii, an Bord 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 Entwicklungsdauer der komplexen Anwendung betrug circa anderthalb Jahre.

Die erste interaktive 3D-Graphic-Novel von Planet Schule

Alle Destinationen sind entlegene Orte, die nur mit Mühe zu erreichen sind. Genau das soll die Webanwendung spürbar machen. Niemand würde die Strapazen auf sich nehmen, wenn er nicht wirklich der Wahrheit auf den Grund gehen wollte. „Wir wollten das Gefühl von Weite und Entlegenheit vermitteln, gleichzeitig war von Anfang an klar, dass nicht zu jeder Szene ideales Fotomaterial verfügbar sein würde.“, so Kreativ-Direktor Konzept Dietmar Bottler von der Netzbewegung. Bottler weiter: „Inspiriert vom Look des Computer-Spiels „Sable“, beschlossen wir beides zu vereinen und dem Game einen Graphic-Novel-Stil zu schenken, der sowohl in 3D-Szenen als auch in 2D-Illustrationen verbindet.“ Der klare Stil hilft, visuell die Weite und Einsamkeit der Locations zu betonen.

Von der Idee zum Game

Die inhaltlichen Konzepte von Autorin Susanne Blech wurden von der Netzbewegung in interaktive Anwendungen überführt. Dazu wurden die Konzeptansätze zunächst in interaktive Prototypen übertragen und anschließen illustriert und animiert. In insgesamt 16 unterschiedlichen Lerngames wurden so verschiedenartige wissenschaftliche Erkenntnisse von den großen Aussterbeereignissen bis hin zum Jetstream interaktiv aufbereitet.

An jedem Ziel betritt der Spieler zunächst ein Außenpanorama, in dem er sich beliebig umschauen kann. Nachdem ein unterhaltsames Warm-up-Game gelöst wurde, kann der Spieler die jeweilige Forschungsstation betreten. Auch hier können sich die Spieler*innen frei umschauen und in jeweils vier interaktiven Lernaufgaben ihr Wissen verbessern. Wer alle 16 Aufgaben gemeistert hat, wird mit der offiziellen „Lizenz zum Mitreden“ belohnt.

Getestet und für cool befunden

Spiel und Spielkonzept wurden in zwei ausführlichen Usertests mit Schülern überprüft. Für Idee und Umsetzung gab es von den Schülern sehr positives Feedback. Auch der gewählte Gestaltungsstil kam sehr gut an. So sagt einer der Schüler: „Ich finde, es ist cool gezeichnet. Es ist nicht so realistisch wie möglich gezeichnet, sondern in einem bestimmten Stil. Das macht den Charakter von dem Spiel aus.“ Auch der hohe Grad an Interaktivität im virtuellen Raum wurde von den Tester*innen gelobt: „Das finde ich cool, dass man das so frei bewegen kann und theoretisch überall hinschauen kann und sich drehen kann, als wäre man wirklich da.“ lobt ein Schüler.

Die Tests haben auch geholfen, kleinere Usability-Probleme zu erkennen und frühzeitig zu beheben. Auch die Experten der TU Darmstadt unter der Leitung von Dr. Stefan Göbel 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.

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.

Mehr unter: https://www.planet-schule.de/mm/klima-challenge/

Über Planet Schule

Das Telemedienangebot planet-schule.de von SWR und WDR stellt im Internet redaktionell verantwortete Inhalte zu den Bereichen Information und Bildung für Schüler*innen, Lehrer*innen und Wissensinteressierte bereit. Es leistet damit einen Beitrag zum gesetzlich verankerten Bildungs- und Kulturauftrag der öffentlich-rechtlichen Sender. Die fortschreitende Digitalisierung an Schulen und Situationen, wie die der Schulschließungen anlässlich der Corona-Pandemie, zeigen die Bedeutung hochwertiger, multimedialer Bildungsinhalte.

In enger Abstimmung der Redaktion entwickelte die Netzbewegung vier unterhaltsame, interaktive Anwendungen rund um das Thema Zucker. Jede Anwendung beleuchtet einen anderen Aspekt. In der ersten Anwendung wird ein Urmensch begleitet und spielerisch nachgeforscht, wie die Evolution unser Verlangen nach Zucker geprägt hat. Die zweite Anwendung stellt ein bekanntes Experiment zum Verhältnis von Fett und Zucker digital nach. In der dritten Anwendung geht’s dann ans Eingemachte: Hier kann jeder selbst untersuchen, wie viel Zucker sich in Frühstück, Mittagessen oder Abendbrot verstecken kann. Dazu wurden exemplarisch die Daten von über 20 Lebensmitteln zusammengetragen. Die vierte Anwendung zeigt schließlich auf, hinter welchen Namen und Bezeichnungen sich überall Zucker verstecken kann.

Der Inhalt ist verpackt in eine lockere Rahmenhandlung rund um zwei Hauptfiguren. Klare Vorgabe war: es sollte ein Zuckermonster geben, das unser animalisches Verlangen nach Süßem darstellt.

Nach dieser Vorgabe hat die Netzbewegung die Figuren Zack und Irgendwas-mit-Ose erfunden und ihnen Gesicht und Namen gegeben. Der Name des Monsters ist angelehnt an die Bezeichnungen verschiedener Zuckerarten. Maltose, Dextrose, Glucose – dem Zuckermonster ist es egal welcher Zucker sein Verlangen befriedigt – Hauptsache: Irgendwas mit -ose. Die beiden liebevoll illustrierten Helden, wurden dann mit witzigen und frechen interaktiven Animationen zum Leben erweckt. Die Dialoge und Texte aus der Feder der Netzbewegung wurden von Joachim Rudolph – Musik & Sounddesign kongenial vertont.

Die Lernanwendung Zack und Irgendwas- mit-Ose wurde in der Kategorie Bildung für den TOMMI – Deutscher Kindersoftwarepreis 2022 nominiert. Von der Fachjury wurde die Anwendung als „Coole Wissensseite mit Gaming-Elementen zum Thema Zucker“ bewertet.

Unter https://www.planet-schule.de/mm/zucker/ lassen sich die Abenteuer mit Zack und Irgendwas-mit-Ose, die nicht nur für Schüler interessant sind, erleben.

Über Planet Schule

Das Telemedienangebot planet-schule.de von SWR und WDR stellt im Internet redaktionell verantwortete Inhalte zu den Bereichen Information und Bildung für Schüler*innen, Lehrer*innen und Wissensinteressierte bereit. Es leistet damit einen Beitrag zum gesetzlich verankerten Bildungs- und Kulturauftrag der öffentlich-rechtlichen Sender. Die fortschreitende Digitalisierung an Schulen und Situationen, wie die der Schulschließungen anlässlich der Corona-Pandemie, zeigen die Bedeutung hochwertiger, multimedialer Bildungsinhalte.

Mit Hilfe der Online-Plattform gamesforest.club sollen die Aktivitäten der Clubmitglieder und Sponsoren für alle Besucher eindrucksvoll sichtbar gemacht werden: In Form eines großen, immer weiter wachsenden digitalen Waldes.

Mit dieser Idee und Vision traten die beiden Gründer an das Ettlinger Unternehmen Netzbewegung heran, dass sich auf interaktive Erlebniswelten und 3D-Visualisierungen im Web spezialisiert hat.

Der Wald braucht ein Logo und ein Gesicht

Gemeinsam mit dem Team von GamesForest entwickelte die Netzbewegung zunächst das Logo und die Designsprache für GamesForest.Club. Die von der Netzbewegung entwickelte Wort-Bildmarke bringt die Themen „Games“ und „Wald“ zusammen. Das Ergebnis ist der „Joytree“ – ein Icon, das eine Kombination aus Joystick und Baum darstellt und den Schriftzug begleitet.

Die Optik von Welt und Wald lässt sich als playful beschreiben und lehnt sich an die Ästhetik vieler bekannter Spiele an. Nicht zu niedlich, aber auch nicht mit dem Anspruch, die Realität originalgetreu wiedergeben zu wollen. Der GamesForest ist eben eine ganz eigene Welt, die klimaschonend mit einem digitalen Heißluftballon erkundet werden kann.

Der Wald wächst und gedeiht dynamisch

Der digitale Wald wird bei jedem Aufruf dynamisch, anhand der realen Projektdaten, generiert. Jede Parzelle des Forests bildet den aktuellen Stand der realen Engagements der Clubmitglieder in digitaler Form ab.

Mit Ausnahme der Antarktis wurden für jeden Kontinent je zwei typische Baumarten in 3D modelliert. Die Bäume des GamesForest.Club zeigen also, in welcher Region in der Realität Bäume gepflanzt oder geschützt werden. Damit auch größere Mengen von Bäumen die Performance der Seite nicht beeinträchtigen, wurde bei der Modellierung der Bäume um jedes Polygon gekämpft.

Die Größe und Menge der Bäume in einem Waldstück spiegeln die Höhe des jeweiligen finanziellen Engagements wider.

Per Klick auf eine Parzelle gelangt der Nutzer auf eine Infoseite, die detailliert zeigt, wo genau und wie viele Bäume und Hektar geschützt oder angepflanzt werden.

Technologische Highlights

GamesForest.Club ist ein technisch anspruchsvolles Webprojekt. Basis des virtuellen Waldes ist das 3D-Framework three.js. Für die Projektdetaildarstellung wurde die in three.js realisierte Welt mit dem CMS WordPress verheiratet. Alle Projektinformationen können über ein WordPress-Backend erfasst werden. Daraus wird dann dynamisch die Infoseite mit Projektvolumen, Info und Karte generiert.

Auch für Karlsruher Gameschmieden interessant

Mit-Initiator Georg Broxtermann suchte nicht von ungefähr einen Realisierungspartner aus dem Karlsruher Raum. Als Mitbegründer einer Karlsruher Gameschmiede kennt er sich in der Region bestens aus. „Karlsruhe ist ein starkes Zentrum der deutschen Software- und Gamesindustrie. Jetzt hoffen wir auch auf rege Beteiligung aus der Region.“ so Georg Broxtermann. Mit Sponsoren wie Miniclip.com und keen games hat der GamesForest.Club schon einige große, internationale Namen an Bord.

So macht Klimaschutz Freude

Mit dem GamesForest ist es Wagner, Broxtermann und der Netzbewegung gelungen ein ernstes Anliegen locker und spielerisch zu vermitteln, ganz so wie es der Branche angemessen ist. Die digitale Spiegelung und Neugruppierung realer Daten zu einem zusammenhängenden, digitalen Raum – gewissermaßen als „begehbare“ Infografik – macht das Projekt als Benchmark auch über die Gamesindustrie hinaus interessant.

Über GamesForest.Club

Der GamesForest.Club ist ein gemeinnütziges Unternehmen mit Sitz in Berlin, das die Games- und Kreativindustrie dabei unterstützt, aktiv in Kohlenstoffbindung durch Aufforstung und Neupflanzung von Wäldern und das Schützen von bestehenden und gesunden Wäldern zu investieren. Gründer sind Maria Wagner und Georg Broxtermann. Info: gamesforest.club

Menschen für schwierige Themen zu interessieren und komplexe Zusammenhänge zu vermitteln, ist eine Herausforderung. Umso besser, wenn man Tools hat, die Betrachter neugierig zu machen und zu begeistern. Interaktive, digitale Inszenierungen sind ein solches Werkzeug. Mit Hilfe der digitalen Inszenierung lassen sich viele Inhalte zugänglich, spannend und eindrücklich vermitteln. Und wenn es um nicht weniger als unsere Welt geht, liegt eine räumliche Darstellung in Form von Karten, Landschaften oder eines Globus natürlich besonders nahe. 

Learning by doing

Das interaktive Erkunden triggert den Entdecker- und Spieltrieb, macht einfach Laune und vermittelt die relevanten Informationen und Botschaften sozusagen im Vorbeigehen. Eine gute Inszenierung kann schwierigen Themen den Ernst und den erhobenen Zeigefinger nehmen, ohne dabei albern zu wirken.

Beispielprojekt: „Neue Energien“ für Planet Schule / SWR

Mit dem Projekt „Neue Energien“ hat die Agentur Netzbewegung aus der Technologieregion Karlsruhe bereits bestehende Inhalte zur Wirkweise erneuerbarer Energien für die Plattform „Planet Schule“ aufgefrischt und modernisiert.

Die ursprünglich zweidimensionalen, abstrakten Simulationen wurden von der Netzbewegung in realitätsnahe, dreidimensionale Modelle überführt, die in Echtzeit auf die Einstellungsänderungen der User reagieren.

Zu Lesen, dass ein Schatten den Wirkungsgrad einer Photovoltaik-Anlage verringern kann, ist eben weniger anschaulich, als wenn man selbst verschiedene Schattenwürfe von Birke bis Hochhaus und ihre konkrete Auswirkung auf die Stromgewinnung durchprobieren kann.

Ein perfektes Tool auch für Markenkommunikation und Brand Activation

Aus eher werblichen Themen wird durch die interaktive Inszenierung „Werbung, die endlich mal Spaß macht“, wie manche User es als Feedback in sozialen Netzwerken formulieren. Digitale Erlebniswelten eigen sich besonders dafür, Markenbotschaften unterhaltsam und immersiv zu vermitteln.

Ein einfaches Beispiel: Die Herkunftsregion von Saint Albray, das Jurançon, ist in Deutschland eher unbekannt. Dabei tragen die klimatischen Bedingungen der Region zwischen Pyrenäen und Mittelmeer viel zur Produktqualität des Käses bei. In dem digitalen Würfelspiel „Die Würze Frankreichs“ schickt die Netzbewegung für Saint Albray daher einen jungen Fromageur auf eine Entdeckungsreise durch das Jurançon. Die Introsequenz mit einem Flug über die Karte Frankreichs vermittelt jedem Besucher nachdrücklich, wo die Region in Frankreich liegt. Im Würfelspiel selbst kann der Besucher dann spielerisch weitere Geheimisse der Herstellung erkunden.

Wieso Erlebnisse so wirkmächtig sind. Auch digital.

Nachgewiesen ist, dass es für das Gehirn umso leichter wird Lerninhalte zu verstehen, je mehr Sinne parallel am Lernprozess beteiligt sind. (vgl. Mayer, Yildiz, Macedonia, von Kriegstein;

Visual and motor cortices differentially support the translation of foreign language words).

Und natürlich geht es auch bei Markenkommunikation und Werbung um das Lernen und Verinnerlichen bestimmter Codes und Informationen.

Multimediale, digitale Interaktionen sprechen mehrere Sinne an und aktivieren damit mehr Gehirnregionen als passives Zuhören oder Anschauen. Brand und Botschaft werden besser und vor allem „deeper“ gespeichert. Digitale Erlebnisse sind daher ein perfektes Tool für die Marketing-Kommunikation, denn multimodale Anwendungen aktivieren eine große Bandbreite unserer Sinneswahrnehmungen:

Sehen

Das Web ist ein stark visuelles Medium: Ungesehenes wird sichtbar, Fantasie wird zumindest zur virtuellen Realität und Marken mit ihren Assets werden lebendig.

Hören

Sprache, Melodien und Geräusche – zum Beispiel als akustisches Feedback oder Atmosphärensound – reichern Online-Erlebnisse an.

Fühlen

Die Steuerung mit der Maus oder per Touch aktiviert den Tastsinn und fordert die Hand-Auge-Koordination. Smartphones können über Vibration sogar taktile Rückmeldungen geben.

Permanente technische Weiterentwicklung

Die technische Grundlage für digitale Welten im WWW sind Technologien wie HTML5, WebGL und ThreeJS. Damit haben kreative Digitalagenturen die Grenzen des digital Möglichen in den vergangenen Jahren immer weiter ausgelotet. Der Ausbau der Infrastruktur mit schnellen Glasfaser- und Mobilnetzen eröffnet ebenfalls neue Potentiale. Auch wenn immer noch ein wenig auf die Performance geachtet werden muss, so wird die Qualität der Webanwendungen immer beindruckender.

Aus Reichweite wird Begeisterung: Erlebniswelten versilbern das Mediabudget

Interaktive Erlebniswelten ziehen die Nutzer in ihren Bann und verführen zum Verweilen. Die durchschnittliche Verweildauer von interaktiven Anwendung gegenüber „normalen“ Webseiten liegt daher deutlich höher. Die Kombination von Reichweite (zum Beispiel über Spots oder Ads) und digitalem Erlebnis ist daher eine gute Investition, die Mediagelder bestens verzinst.