← Alle Making-of-Beiträge

Making-of · 18. Mai 2026

Der Prolog: Karte, Isometrie und das Jahr 377

Wann, wo, wer? Wie der Prolog mit Karte und isometrischen Türmen in die Geschichte führt.

Isometrisches Kastell mit vier Ecktürmen, gezeichnet in Illustrator auf einem Raster.

Bevor die Geschichte beginnt, muss klar sein: wann, wo und wer? 377 n. Chr., westlich des Bodensees an der Grenze des Römischen Reiches, in einem Wachturm am Rhein. Dort schläft der Soldat Gaius Marcellus.

19.03.26

Peer-Feedback mit Lea

Mit Lea aus dem Master Game Design besprach ich die Überarbeitung des Prologs. Er soll kurz vermitteln, wann und wo die Handlung spielt und wer die Hauptfigur ist – nicht mehr.

Konzept

Brainstorming zum Prolog: Textabschnitte mit Bildideen.

Brainstorming zum Prolog: Inhalt, Text und Bildvorschläge.

März 2026

Vom Reich zum Turm

Den Text liess ich von Urs prüfen und teilte ihn in kurze Absätze mit Bildideen auf. Zuerst zeigt eine grobe Karte die Grösse des Römischen Reiches, dann eine nähere Karte mit den Türmen, am Schluss ein gerendertes Bild des Turms mit Zoom.

Experiment

Die Karte im Wandel: zuerst flach in 2D, dann mit Relief und Türmen.

04.05.26

Ein zu harter Übergang

Zunächst setzte ich beide Karten als nüchterne 2D-Infografik um. Der Übergang ins Low-Poly-Scrollytelling wirkte dadurch zu hart. Im Mentorat gab mir Joe Input, wie ich die Karte gestalten könnte. So kam 2.5D ins Spiel – und damit die isometrische Illustration der Türme und Kastelle.

Zwischenstand

Version 4

Version 6

Mit Low-Poly-Relief und den Farben aus dem Scrollytelling passt die Karte besser zur folgenden Welt.

17.05.26

Türme im Raster

Mithilfe eines Tutorials lernte ich mehr über isometrische Illustration und zeichnete die Türme und Kastelle auf einem Raster. Über die SVG-Einbindung animierte ich sie mit CSS. Dazu verbesserte ich die Bedienung und ergänzte eine verständlichere Animation zum Scrollen.

Behind-the-Scenes

Isometrisches Kastell mit vier Ecktürmen, gezeichnet in Illustrator auf einem Raster.

Ein Kastell mit vier Ecktürmen, isometrisch gezeichnet in Illustrator.

Endstand

Die Grenze

Die Türme

Der Prolog im Browser: erst der Rhein als Grenze, dann die Wachtürme.

Selbst erleben

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

Jetzt erleben →