XY-Oszilloskop
Lissajous-Figuren leuchten in grünem Phosphor über dem Raster eines Oszilloskops, und der Cursor verschiebt ihre Phase, auf Canvas.
Einstellungen
Code
<div class="pt-uvq16-oscilloscope"><canvas></canvas><i class="gr"></i><i class="gl"></i></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Hintergründe
Alle ansehen: HintergründeWofür du ihn nutzen kannst
Zwei Sinuswellen an den X- und Y-Eingängen eines alten analogen Oszilloskops. Jeder Frame zeichnet die ganze Kurve dreimal mit additiver Mischung, als breiten, schwachen Schein, als dünneren Strahl und als hellen Kern, während eine durchscheinende Fläche das Nachleuchten des Phosphors erzeugt. Das Frequenzverhältnis wechselt alle paar Sekunden mit weicher Blende, etwa 3 zu 2 oder 5 zu 4.
Die erste Farbe ist der Phosphor, die zweite der heiße Strahlkern, die dritte das Raster mit Hauptteilung und feinen Strichen auf den Achsen. Bewege den Cursor seitwärts, um die Phase zu drehen. Passt zu Audiotechnik, Synthesizerherstellern, Elektronik und Laborthemen.