Turing-Muster wie Fischhaut
Eine simulierte chemische Reaktion lässt Flecken und Labyrinthe wachsen wie auf der Haut eines Rifffisches; der Cursor sät neue, auf Canvas.
Einstellungen
Code
<div class="pt-uvq16-turing"><canvas></canvas></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Hintergründe
Alle ansehen: HintergründeWofür du ihn nutzen kannst
Dieser Hintergrund rechnet ein Gray-Scott-Reaktions-Diffusions-Modell, also die Mathematik hinter den Streifen und Flecken, die Alan Turing für Tierhäute beschrieben hat. Zwei virtuelle Stoffe breiten sich auf einem kleinen Raster aus und reagieren miteinander, und die Zufuhrrate ändert sich über die Breite. So bilden sich auf einer Seite Punkte, auf der anderen verschlungene Labyrinthe.
Die Farben verlaufen vom Theme-Hintergrund über die dritte Farbe bis zur ersten und zweiten in den stärksten Bereichen. Die Dichte steuert die Auflösung, die Geschwindigkeit die Schritte pro Frame. Zieh den Cursor darüber, um neue Kolonien zu säen; einzelne entstehen auch von selbst.