LeGacy – Serious Game für moderne Finanzbildung

LeGacy wird vorrangig im Unterricht gespielt, meist auf schuleigenen Tablets. Für das Weiterspielen zu Hause ist die Nutzung auf dem Smartphone vorgesehen – hier können auch Eltern und Geschwister mit einbezogen werden. In der Schule übernimmt die Lehrkraft die Rolle der Spielleitung, erstellt Spielgruppen und weist die Schülerinnen automatisch zu.

LeGacy wurde von Beginn an für die Nutzung auf Tablets und Smartphones konzipiert. Besonders die Darstellung auf kleinen Bildschirmen stellte hohe Anforderungen an Struktur, Lesbarkeit und Interaktion. Da das Spiel von zwei bis vier Spielerinnen gleichzeitig gespielt wird, mussten Übersicht, Bedienbarkeit und ein transparenter Spielverlauf jederzeit gewährleistet sein. 
 

Welche Buttons müssen in der zentralen Spieloberfläche immer sichtbar sein? Welche Aktionen sollen jederzeit verfügbar sein und welche nur unter bestimmten Bedingungen – oder auch mal bewusst deaktiviert? Und nicht zuletzt: Wie benennen wir Aktionen so, dass sie für alle Spielenden sofort verständlich sind?

Diese Fragen haben wir in einem längeren, intensiven Prozess gemeinsam mit den Spielentwickler:innen der Universität Konstanz diskutiert, immer wieder neu bewertet, verworfen und schließlich entschieden. Parallel war klar: Alle Spielenden müssen jederzeit nachvollziehen können, was im Spiel gerade passiert. Deshalb haben wir einen Ereignis-Log integriert, der die Spielzüge der anderen abbildet.

Der erste längere Prozess bestand daraus, die einzelnen Screens inhaltlich in einem Mockup (oder auch "Wireframe") zusammenzustellen. Darauf aufbauend haben wir dann das UX-Design für die Oberfläche entwickelt. Dieses haben wir bewusst ganz „serious“ gehalten: Es ist kein aufgeregtes, detailverliebtes Design entstanden, sondern eine ruhige, klare Oberfläche für den Einsatz im Unterricht. Klare Navigation, eindeutige Buttons, barrierearm – und trotzdem nicht langweilig, sondern dezent und wertig.

Wichtige Bausteine sind eine gut lesbare Schrift (auch in kleinen Größen), hohe Kontraste und ein zurückhaltender Farbverlauf in Pastelltönen, der der Oberfläche eine eigene, wiedererkennbare Note verleiht. Damit ist unsere Umsetzung auch barrierefrei. 

Vom Brettspiel zur digitalen Logik

Bevor es LeGacy digital gab, existierte das Spiel als analoges Brettspiel. Für die digitale Umsetzung mussten Regeln präzisiert, angepasst und teilweise erweitert werden, damit sie eindeutig, reproduzierbar und technisch umsetzbar sind. Das war die Grundlage dafür, das Spiel überhaupt softwareseitig korrekt abbilden zu können.

Eine besondere Rolle spielen dabei Rahmenbedingungen wie die „Konjunkturphasen“. Sie beeinflussen zum Beispiel Steuern oder Leitzinsen und verändern damit den Spielverlauf dynamisch – ähnlich wie in der realen Welt.

Komplexe Regeln brauchen saubere Technik

Das Regelwerk von LeGacy ist komplex: Es gibt Ausnahmen, Sonderfälle und Bedingungen, unter denen bestimmte Aktionen erlaubt oder verboten sind. Genau deshalb haben wir konsequent testgetrieben gearbeitet. Jede Regel wird zuerst als Test beschrieben – erst danach wird sie implementiert. Was nicht getestet ist, kommt nicht ins Spiel.

Ergänzend zu den selbst geschriebenen Tests setzen wir auf statische Codeanalyse. Sie hilft dabei, mögliche Bugs frühzeitig zu finden, prüft, ob der Code logisch und semantisch sinnvoll ist, und stellt sicher, dass definierte Programmierrichtlinien eingehalten werden. So erhöhen wir zusätzlich die Stabilität und Nachvollziehbarkeit der Spiellogik – ein wichtiger Faktor bei einem so regelintensiven Spiel. Um diese Regeln stabil und nachvollziehbar umzusetzen, haben wir uns für Event Sourcing entschieden.

Warum Event Sourcing?

Beim Event Sourcing wird nicht einfach ein aktueller Spielstand gespeichert. Stattdessen wird festgehalten, was passiert ist. Zum Beispiel: 

• eine Spielerin spielt eine Karte
• gibt einen Zeitstein ab
• erhält Kompetenzsteine
• der Kontostand verändert sich

All diese Ereignisse werden gespeichert. Der aktuelle Zustand – etwa der Kontostand – wird daraus immer wieder neu berechnet. Das ist besonders wichtig, wenn Aktionen nur dann erlaubt sind, wenn vorher bestimmte andere Aktionen ausgeführt wurden. Auch Ereigniskarten, die Steuern, Einnahmen oder andere Spielparameter beeinflussen, lassen sich so sauber abbilden. Da LeGacy ein Forschungsprojekt ist, können die Spielverläufe ausgewertet werden. Die Ereignisdaten lassen sich als JSON exportieren und anonym analysieren mit hoher Aussagekraft darüber, wie gespielt wird.

Eine wichtige architektonische Entscheidung war, die eigentliche Spiellogik vollständig vom Framework zu entkoppeln. Die Business-Logik ist in reinem PHP umgesetzt und unabhängig von Laravel. Dadurch bleibt das Spiel langfristig wartbar und könnte bei Bedarf auch mit einem anderen Framework betrieben werden.

Für die technische Umsetzung haben wir bewusst auf einen pragmatischen, bewährten Technologie-Stack gesetzt. Laravel eignet sich sehr gut, um interaktive Webanwendungen schnell, stabil und wartbar umzusetzen. Das komplette Interface und Design wurde individuell entwickelt, ohne fertige Spiel- oder UI-Frameworks, um volle Kontrolle über Spiellogik und Nutzerführung zu behalten. Für das Backend und die Administrationsoberfläche – etwa zur Verwaltung von Spielgruppen oder IDs – kam Filament zum Einsatz.

Gerendert wird serverseitig mit Livewire. Dabei werden nur einzelne UI-Komponenten aktualisiert, nicht die komplette Seite. Der Spielzustand liegt vollständig auf dem Server, was die Komplexität deutlich reduziert und trotzdem ein sehr direktes, reaktionsschnelles Spielgefühl ermöglicht.

Für die wissenschaftliche Begleitforschung werden anonyme IDs über SoSciSurvey erzeugt. Diese IDs werden in das Admin-System importiert, Spielgruppen automatisch gebildet und den Spielenden zugewiesen. 
Mit der digitalen Umsetzung von LeGacy ist gemeinsam mit der Universität Konstanz ein spielerisches, wissenschaftlich fundiertes Lernangebot entstanden. Wir hoffen, dass es vielen Schülerinnen und Schülern den Zugang zum Thema Finanzen erleichtert – verständlich und praxisnah.

LeGacy ist als Open-Source-Projekt angelegt. Der Code ist frei verfügbar und grundsätzlich erweiterbar.