← Alle Making-of-Beiträge

Making-of · 12. Dezember 2025

Eine Szene in fünf Schichten

Text, Bild, Audio, Interaktion und Wissen: Die Schichtgrafik zeigt, wie eine Szene funktioniert.

Überarbeitetes Popup im Look einer Pergamentrolle.

Wie greifen Text, Bild, Ton und Interaktion in einer Szene ineinander? Eine Grafik machte es sichtbar.

26.11.25

Die Szene ausgerollt

Im Mentorat mit Oliver ging es um das Sounddesign für die Wachstube. Er brachte mich auf die Idee einer Grafik, in der die Ebenen der Szene aufgerollt sind: Text, Bild, Audio, Interaktion und Wissen – entlang der Scroll-Position. So sieht man die ganze Bildabfolge auf einen Blick.

Erkenntnis

Ausschnitt aus der Schichtgrafik: Textabschnitte, Szenenbilder, Tonspuren, Popup und Wissen entlang der Scroll-Position.

Ausschnitt aus der Schichtgrafik: Was Text, Bild, Audio, Interaktion und Wissen an jeder Scroll-Position beitragen.

Erkenntnis

Schichtgrafik der ganzen Szene 1 mit den Ebenen Text, Bild, Audio, Interaktion und Wissen.

Die ganze Szene 1 auf einen Blick.

02.12.25

Die Farben der Szene

Im Farb-Mentorat lobte Adrian die Atmosphäre, besonders das Lichtspiel mit dem Feuer, das der Szene Wärme gibt. Die vielen Farbabstufungen sorgen aber für einen eher schwachen Kontrast. Seine Idee: unter der Bildebene eine zusätzliche Ebene mit den vorherrschenden Farben zeigen.

Analyse

Aus der ersten Szene extrahierte Farben: Hellblau, Dunkelblau, Dunkelgrün, Olivgrün und Rotbraun.

Aus der ersten Szene extrahierte Farben.

04.12.25

Ein Werkzeug zum Planen

Im Gespräch mit der Leitung wurde die Schichtgrafik sehr gelobt. Sie dokumentiert, hilft beim Reflektieren und unterstützt die Planung der nächsten Szenen.

12.12.25

Pergament statt Box

Ein Klick auf ein lateinisches Wort öffnet ein Popup mit einer kurzen Erklärung. Bisher wirkte es steril und wurde teils als unfertig wahrgenommen. Neu ist es einer Pergamentrolle nachempfunden und fügt sich so in die Geschichte ein. Die Schrift ist gleich gross wie die übrigen Scrolltexte, damit sich die Textelemente möglichst wenig unterscheiden.

Entscheidung

Vorher

Nachher

Das Popup zu «limitanei» vor und nach der Überarbeitung.

Selbst erleben

Prolog und Szene 1 sind online. Schlüpf in die Rolle von Gaius – am besten auf dem Smartphone.

Jetzt erleben →