HTML + CSSFondos

Cuerdas de arpa

Las cuerdas de un arpa vibran con física de ondas al cruzarlas con el cursor y brillan más cuanto más fuerte suenan, en canvas.

Ajustes

1x
1x
1

Código

<div class="pt-uvq16-harp"><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.

Versión Markdown con todo el código, para asistentes de IA

Más en Fondos

Ver todos: Fondos

Dónde usarlo

Un arpa de concierto que se toca con el cursor. Cada cuerda es una pequeña simulación de ondas en una dimensión con los extremos fijos, así que al cruzarla se pulsa una forma de triángulo que se divide en ondas viajeras y se apaga poco a poco. Las cuerdas cortas vibran más rápido, como las notas agudas. Si nadie toca, una brisa pulsa alguna de vez en cuando.

El primer y el segundo color recorren las cuerdas del oro al cobre y el tercero es el brillo de la cuerda que suena. La densidad decide cuántas cuerdas hay. Precioso para escuelas de música, auditorios, diseño de sonido y portadas tranquilas de portafolio.