Jugendstil in Echtzeit: die technische Pipeline von Songs of Silence

28. May 2026 Veröffentlicht | Aus dem Spanischen übersetzt

Das unabhängige Studio hat einen visuellen Meilenstein erreicht, indem es den ornamentalen Stil von Alphonse Mucha mit einer 3D-Engine verschmolzen hat. Songs of Silence basiert auf Unity, aber sein Erscheinungsbild entspricht nicht der traditionellen physikalischen Beleuchtung. Das Geheimnis liegt in einer Schicht nicht-photorealistischer Shader, die die geschwungenen Linien und flachen Farbverläufe des Jugendstils in dreidimensionale Geometrie übersetzen, während sie die Illusion einer animierten Illustration bewahren, ohne die Echtzeit-Strategie-Spielbarkeit zu opfern.

Animierte Art-Nouveau-Illustration in der Unity-Engine mit nicht-photorealistischen Shadern und ornamentaler Geometrie.

Maßgeschneiderte Shader und die 2D/3D-Brücke 🎨

Der Workflow beginnt in Clip Studio Paint, wo die Charaktere und Hintergründe mit Pinseln entworfen werden, die die Textur der Lithografie imitieren. Diese 2D-Assets werden nach Photoshop exportiert, um Texturen zu verpacken und Maskenkarten zu erstellen, die Bereiche mit flachem Schatten und Tintenkanten definieren. In Unity ignoriert der benutzerdefinierte Shader (Shader Graph) die Berechnung realistischer Normalen und wendet stattdessen ein Beleuchtungsmodell an, das auf dem Winkel der Kamera zum Charakter basiert. Die 3D-Karte, obwohl polygonal, wird mit einem Konturen-Shader gerendert, der die Kanten der Silhouetten extrahiert und sie mit einem festen Schwarzton einfärbt, wodurch der charakteristische Strich von Mucha nachgeahmt wird. Die Optimierung wird erreicht, indem die Anzahl der dynamischen Lichter auf eine einzige Richtung begrenzt und die Schatten in Texturen mit niedriger Auflösung vorberechnet werden.

Lehren für Indie-Entwickler 🛠️

Der Fall von Songs of Silence zeigt, dass künstlerische Kohärenz keine fotorealistische Engine erfordert, sondern eine strenge Kontrolle der Shader-Pipeline. Für einen unabhängigen Entwickler ist die wichtigste Lektion, Zeit in die Erstellung von Masken in Photoshop zu investieren, die die Bereiche mit flachen Farben von den Farbverläufen trennen, und diese Masken dann als Parameter in Unity zu verwenden, um die Schattierung zu steuern. Die Verwendung von Clip Studio Paint für die ersten Skizzen ermöglicht es, einen organischen Strich beizubehalten, den der Shader respektiert, wodurch das plastikartige Aussehen vermieden wird, das 3D ohne detaillierte Texturen oft hat. Das Ergebnis ist ein Spiel, das wie ein animiertes Gemälde aussieht – eine technische Meisterleistung, die nur möglich ist, wenn die Konzeptkunst die Regeln der Engine vorgibt und nicht umgekehrt.

Welche Shading- und Post-Processing-Techniken wurden in Songs of Silence eingesetzt, um die flachen Farbverläufe und schwarzen Konturen des Jugendstils nachzuahmen, ohne auf vorgerenderte Texturen zurückzugreifen?

(PS: Shader sind wie Mayonnaise: Wenn sie gerinnen, fängt man wieder von vorne an)