pbPatrick BeckerSoftwareentwickler
Alle Projekte

Scrollgesteuerte 3D-Erzählung

Industriekultur

Von Kohle zu Kultur.

Website öffnen: Industriekultur (neuer Tab)Quellcode: Industriekultur (neuer Tab)

Neblige Zechenanlage mit Schornstein, Förderturm und beleuchteter Backsteinhalle

Über das Projekt

Eine neblige Reise durch die Industriekultur des Ruhrgebiets. Beim Scrollen fährt die Kamera durch eine zusammenhängende 3D-Welt und hält an vier Stationen: Zechenanlage, Förderturm, Lore und Bergbaumaschine. Kurze Texte informieren über die Historie und kulturelle Relevanz.

ReactThree.jsGSAP

Umsetzung

Die 3D-Welt wird allein durch Scrollen erzählt, vorwärts wie rückwärts. Die Kamera folgt einem Pfad, mit einem Ruheabschnitt an jeder der vier Stationen, die sich optional auch per Sprunglink erreichen lassen. Zechenanlage, Fördergerüst, Lore und Bergbaumaschine entstehen im Code. Der Nebel kombiniert Tiefennebel mit driftenden Noise-Schichten. Für die Lichtstrahlen werden günstige Shaderflächen verwendet, anstelle von teurem Volumen-Raymarching. Auf Mobilgeräten sinken Pixeldichte und Spiegelauflösung, damit die Bildrate weiterhin ein angenehmes Nutzererlebnis erlaubt. Tests sichern ab, dass die Kamerafahrt nur vorwärts läuft, sich exakt umkehren lässt und jeder Sprung die richtige Station trifft.