Showcase 01 · Reaction-Diffusion
Wachstum
Aus wenigen Keimen wächst die Moralo-Wortmarke wie Korallen oder Zellgewebe. Malen Sie mit Finger oder Maus auf die Bühne: Jeder Strich wird zu neuem Gewebe, das von selbst weiterwächst.
Die Live-Demo benötigt JavaScript und WebGL 2. Das Bild zeigt, wie die Wortmarke als Korallengewebe wächst; die Erklärung unten ist auch ohne sie lesbar.
- Raster
- –
- Schritte/s
- –
- Bilder/s
- –
- Simulation
- WebGL 2 · GPU
So funktioniert es
Zwei gedachte Stoffe A und B verteilen sich auf einem Raster aus Hunderttausenden Zellen. B verbraucht A und vermehrt sich dabei, A fließt stetig nach, B wird stetig abgebaut (Gray-Scott-Modell). Die Grafikkarte rechnet jede Zelle parallel, mehrere Schritte pro Bild, in zwei Gleitkomma-Texturen, die sich abwechseln.
Die Wortmarke ist eine Karte für Zufluss und Abbau: Nur innerhalb der Buchstaben und Ihrer Striche kann das Gewebe überleben. Die vier Muster sind vier Paare dieser Raten. Die Beleuchtung behandelt die Konzentration von B als Höhe und berechnet Lichtkanten aus ihrem Gefälle; die Farben stammen aus den Design-Tokens.