← projekte

[ live · 2026 ]

Reality Breaker

Eine scrollgesteuerte Reise durch Licht, Fragmente und neue Ordnung.

Rolle

Eigene Designstudie · Konzept · Gestaltung · Entwicklung

Stack

  • Three.js
  • WebGL
  • JavaScript
  • CSS
Reality Breaker — Cover

Reality Breaker ist ein eigenständiges Webexperiment. Statt einer klassischen Unternehmensseite führt eine Kamerafahrt beim Scrollen durch vier Zustände: eine aufbrechende Oberfläche, den Lichtkern, einen Strom aus Fragmenten und eine neue Skulptur. Es ist eine Arbeitsprobe für visuelle und technische Möglichkeiten im Browser.

01 · Eine durchgehende Kamerafahrt

Die Scrollposition steuert Kamera, Licht, Fragmente und den Zusammenbau der finalen Form. Vorwärts- und Rückwärtsscrollen führen durch dieselbe räumliche Reise. Eine automatische Fahrt ist ebenfalls möglich.

Der Lichtkern öffnet sich zu einem Durchgang; daraus entsteht der Fragmentstrom. Dieselben Fragmente finden am Ende zu einer Skulptur zusammen.

02 · Reale Bilder in einer digitalen Welt

Vier echte Fotografien erscheinen nacheinander als transparente Glaskarten: Architektur und Wasser am Lichtkern, Eis und Basalt im Fragmentstrom. Kurze Texte verbinden die Motive mit Licht, Bruch und Struktur.

Die Fotos sind lokal eingebunden und mit Quellen und Credits versehen. Die räumliche Szene und die Lichtwirkung werden im Browser erzeugt.

03 · Interaktion und Umsetzung

Three.js zeichnet den zusammenhängenden 3D-Raum mit Reflexionen, Bloom und Kamerapfad. Ein eigener WebGL-Shader übernimmt den Einstieg und eine vereinfachte Ansicht, falls die 3D-Szene nicht verfügbar ist.

Für schmale Bildschirme wird die Darstellung angepasst. Eine Option für reduzierte Bewegung ermöglicht ruhige Kapitelansichten. Die gesamte öffentliche Experience ist auf Englisch.

[ ergebnis ]

Ein veröffentlichtes, englischsprachiges Webexperiment mit vier verbundenen Szenen, scrollgesteuerter Kamerafahrt, Licht- und Fragmentanimation und vier fotografischen Glaskarten.