Malla elástica
Una red de muelles que se hunde y ondula bajo el cursor, vuelve a su sitio y cambia de color al estirarse, en canvas.
Ajustes
Código
<div class="pt-uvq16-elastic-mesh"><canvas></canvas></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Fondos
Ver todos: FondosDónde usarlo
Un juguete de física convertido en fondo. Cada nudo de la rejilla está unido a su posición de reposo y a sus cuatro vecinos con muelles, así que un empujón viaja hacia fuera como una onda antes de que la malla se calme. El cursor presiona la red y la arrastra un poco con su velocidad, y cuando no hay nadie, pequeños toques al azar la mantienen viva.
El primer color es la malla en reposo, el segundo las líneas estiradas y el tercero los nudos que brillan con más tensión. La densidad ajusta el tamaño de la celda y la velocidad los pasos de física por fotograma. Va bien en herramientas para desarrolladores, divulgación científica y portadas juguetonas.