Konzept-Studie · Echtzeit-Wasser · 2026
Lagune
Tageszeit wählen
Die Idee
Kein Video. Das Wasser wird gerechnet, während Sie zusehen.
Die meisten Websites zeigen Bilder. Diese Seite zeigt einen Ort. Der Flamingo aus unserem Logo steht in einer Lagune, und alles um ihn herum entsteht live in Ihrem Browser: Wellen, Spiegelbild, Himmel, Licht.
Fahren Sie mit der Maus über das Wasser, klicken Sie hinein, stellen Sie die Tageszeit um, lassen Sie es regnen. Nichts davon ist vorbereitet. Jede Welle sieht so nur einmal aus.
Eine Konzept-Studie in eigener Sache, ohne Kundenauftrag.
- Bild- und Modelldateien in der Szene
- 0Bild- und Modelldateien in der Szene
- Wasserpunkte, die pro Bild neu gerechnet werden
- 262.144Wasserpunkte, die pro Bild neu gerechnet werden
- Durchgänge pro Bild: Wellen, Spiegelbild, Hauptbild
- 3Durchgänge pro Bild: Wellen, Spiegelbild, Hauptbild
- Tageszeiten, dazwischen fließende Übergänge
- 4Tageszeiten, dazwischen fließende Übergänge
Vier Tageszeiten
Morgen
Die Sonne steht knapp über dem Horizont. Dunst nimmt der Ferne die Kanten, das Wasser ist blassblau und der Himmel pfirsichfarben.
Tag
Hohes, weißes Licht und wenig Dunst. Die Farben des Logos stehen so, wie man sie kennt, und das Wasser spiegelt am schärfsten.
Abend
Die Sonne sinkt hinter den Vogel, die Wolken färben sich pink. Auf den Wellen liegt eine Lichtbahn, die jede Bewegung im Wasser zerreißt.
Nacht
Mond, Sterne und Glühwürmchen. Der Vogel leuchtet in Markenpink wie ein Neonschild, und das schwarze Wasser wirft das Licht zurück.
So ist es gebaut.
Wasser
Unter der Oberfläche liegt ein Raster aus 512 mal 512 Punkten. Jeder Punkt kennt seine Höhe und schaut auf seine vier Nachbarn. Daraus entstehen Wellen, die sich ausbreiten, überlagern und langsam auslaufen. Das rechnet die Grafikkarte, 60 Mal pro Sekunde.
Spiegelung
Die Szene wird jedes Bild zweimal aufgenommen: einmal normal und einmal von einer Kamera, die unter der Wasseroberfläche gespiegelt ist. Das zweite Bild wird mit den Wellen verzerrt. Darum bricht das Spiegelbild genau dort, wo Sie das Wasser berühren.
Himmel
Himmel, Wolken, Sterne, Mond und die Hügel am Horizont sind Formeln, keine Fotos. Deshalb gehen die Tageszeiten fließend ineinander über, und das Licht auf dem Vogel wandert mit.
Leistung
Die Szene lädt nur auf dieser Seite und rechnet nur, solange sie zu sehen ist. Auf dem Handy läuft sie mit kleinerem Raster. Ohne WebGL erscheint ein Standbild. Wer am Gerät weniger Bewegung eingestellt hat, bekommt ruhiges Wasser, das nur auf Berührung reagiert.
Konzept-Studie · 2026 · three.js · eigene Shader · Next.js