HTML + CSSFondos

Osciloscopio XY

Figuras de Lissajous brillan en fósforo verde sobre la retícula de un osciloscopio y el cursor cambia su fase, en canvas.

Ajustes

1x
1x
1

Código

<div class="pt-uvq16-oscilloscope"><canvas></canvas><i class="gr"></i><i class="gl"></i></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

Dos ondas senoidales conectadas a las entradas X e Y de un viejo osciloscopio analógico. Cada fotograma dibuja la curva entera tres veces con mezcla aditiva, un halo ancho y tenue, un haz más fino y un núcleo brillante, mientras un relleno translúcido deja la persistencia del fósforo. La relación de frecuencias cambia cada pocos segundos, de 3 a 2, de 5 a 4 y más, con un fundido suave.

El primer color es el fósforo, el segundo el núcleo caliente del haz y el tercero la retícula, con divisiones mayores y marcas finas en los ejes. Mueve el cursor de lado a lado para girar la fase. Encaja en audio, sintetizadores, electrónica y webs con aire de laboratorio.