Elastisches Federnetz
Ein Netz aus Federn, das sich unter dem Cursor eindellt und wellt, dann zurückschwingt und sich beim Dehnen verfärbt, auf Canvas.
Einstellungen
Code
<div class="pt-uvq16-elastic-mesh"><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 Physikspielzeug als Hintergrund. Jeder Knoten des Gitters hängt mit Federn an seiner Ruheposition und an seinen vier Nachbarn, sodass sich ein Stoß als Welle nach außen ausbreitet, bevor das Netz zur Ruhe kommt. Der Cursor drückt in das Netz und zieht es mit seiner Geschwindigkeit ein Stück mit, und ohne Besucher halten kleine zufällige Impulse es lebendig.
Die erste Farbe ist das entspannte Netz, die zweite die gedehnten Linien, die dritte die leuchtenden Knoten unter größter Spannung. Die Dichte bestimmt die Zellgröße, die Geschwindigkeit die Physikschritte pro Frame. Passt zu Entwickler-Tools, Wissenschaftsinhalten und verspielten Landingpages.