Geharkter Zen-Garten
Geharkter Sand mit Rillen, die drei Steine umrunden; die Sonne verschiebt langsam die Schatten und der Cursor teilt die Linien, auf Canvas.
Einstellungen
Code
<div class="pt-uvq16-zen-garden"><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
Ein Karesansui-Trockengarten von oben. Parallele Harklinien bedecken den Sand und gehen um drei bemooste Steine in Ringe über, wobei ein Clipping-Pfad dafür sorgt, dass sich beide Muster nie überlagern. Jede Rille wird zweimal gezeichnet, dunkel und hell, versetzt nach dem Sonnenstand. Die Sonne pendelt langsam und bewegt die Schlagschatten der Steine.
Die erste Farbe ist der Sand, die zweite der Stein, die dritte das Moos. Die Dichte bestimmt den Abstand der Rillen. Fährt der Cursor darüber, biegen sich die Linien sanft um ihn herum wie Sand um einen neuen Stein. Eine ruhige Wahl für Wellness, Tee, Spa und Meditations-Apps.