Gras im Wind
Hunderte Grashalme mit ein paar Mohnblumen wiegen sich in Windböen, und der Cursor teilt sie wie eine Hand, auf Canvas.
Einstellungen
Code
<div class="pt-uvq16-grass-wind"><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
Eine Wiese aus drei Lagen spitz zulaufender Halme, hinten dunkler und vorne heller. Jeder Halm biegt sich über eine kleine Feder zu einem Windwert aus zwei langsamen Wellen plus einer Böe, die alle paar Sekunden über das Feld zieht, sodass sich das Gras wie in echt bewegt. Ein paar rote Mohnblumen ragen heraus.
Die erste Farbe ist frisches Gras, die zweite die Blüten, die dritte das tiefe Grün im Hintergrund. Die Dichte bestimmt, wie dicht die Wiese wächst. Streich mit dem Cursor hindurch, und die Halme weichen aus und federn zurück. Passt zu Outdoor-, Landwirtschafts-, Öko- und Sommerkampagnen.