HTML + CSSArrière-plans

Oscilloscope XY

Des figures de Lissajous brillent en phosphore vert sur la grille d'un oscilloscope, et le curseur décale leur phase, en canvas.

Réglages

1x
1x
1

Code

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

Version Markdown avec tout le code, pour les assistants IA

Plus dans Arrière-plans

Voir tout : Arrière-plans

Où l’utiliser

Deux sinusoïdes branchées sur les entrées X et Y d'un vieil oscilloscope analogique. Chaque image trace la courbe entière trois fois en mélange additif, un halo large et pâle, un faisceau plus fin et un cœur brillant, tandis qu'un voile translucide laisse la rémanence du phosphore. Le rapport de fréquences change toutes les quelques secondes, de 3 pour 2 à 5 pour 4 et plus, avec un fondu doux.

La première couleur est le phosphore, la deuxième le cœur chaud du faisceau et la troisième la grille, avec ses divisions et ses graduations fines sur les axes. Déplace le curseur de gauche à droite pour faire tourner la phase. Idéal pour l'audio, les synthés, l'électronique et les sites à l'esprit labo.