Was du siehst
Der Startbereich ist ein lebendiges Lichtfeld in Cyan, Violett und Magenta. Es fließt langsam und weicht der Maus aus wie eine Flüssigkeit. Weiter unten fahren Karten seitwärts durchs Bild; scrollt man schnell, kippen sie leicht in Fahrtrichtung.
So ist es gebaut
Das Licht ist ein Fragment-Shader: ein kleines Programm, das für jeden Bildpunkt die Farbe berechnet. Grundlage ist Rauschen, das mehrfach in sich selbst verschoben wird (Domain Warping). Daraus entstehen die fließenden Formen. Die Mausposition verzerrt das Feld zusätzlich.
Die Seitwärtsfahrt hält den Abschnitt beim Scrollen fest und verschiebt die Karten. Aus der Scrollgeschwindigkeit entsteht die leichte Neigung.
Woher die Idee kommt
Domain Warping hat Inigo Quilez bekannt gemacht, einer der Pioniere der Shader-Kunst. Seine Artikel erklären die Technik Schritt für Schritt.
Darauf achten wir
- Der Shader rechnet in verringerter Auflösung, das spart Akku
- Ist der Bereich nicht zu sehen, pausiert er
- Ruhige Fassung als stehendes Bild