Maillage élastique à ressorts
Un filet de ressorts qui se creuse et ondule sous le curseur, se remet en place et change de couleur en s'étirant, en canvas.
Réglages
Code
<div class="pt-uvq16-elastic-mesh"><canvas></canvas></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Arrière-plans
Voir tout : Arrière-plansOù l’utiliser
Un jouet de physique transformé en fond. Chaque nœud de la grille est relié à sa position de repos et à ses quatre voisins par des ressorts, si bien qu'une poussée se propage en onde avant que le filet ne se calme. Le curseur appuie sur le maillage et l'entraîne un peu avec sa vitesse, et sans visiteur de petites impulsions aléatoires le gardent vivant.
La première couleur est le filet au repos, la deuxième les lignes étirées et la troisième les nœuds qui brillent sous la plus forte tension. La densité règle la taille des cellules et la vitesse le nombre d'étapes physiques par image. Parfait pour les outils de développeurs, la vulgarisation scientifique et les pages ludiques.