HTML + CSSHintergründe

Harfensaiten

Die Saiten einer Harfe schwingen mit echter Wellenphysik, wenn der Cursor sie kreuzt, und leuchten umso heller, je stärker sie klingen, auf Canvas.

Einstellungen

1x
1x
1

Code

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

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Hintergründe

Alle ansehen: Hintergründe

Wofür du ihn nutzen kannst

Eine Konzertharfe, die sich mit dem Cursor spielen lässt. Jede Saite ist eine kleine eindimensionale Wellensimulation mit festen Enden: Kreuzt du sie, wird eine Dreiecksform angezupft, die in laufende Wellen zerfällt und langsam abklingt. Kürzere Saiten schwingen schneller, wie höhere Töne, und der geschwungene Hals und die Basis rahmen das Instrument. Spielt niemand, zupft ab und zu ein Windhauch.

Die erste und zweite Farbe verlaufen über die Saiten von Gold zu Kupfer, die dritte ist das Leuchten einer klingenden Saite. Die Dichte bestimmt die Zahl der Saiten. Schön für Musikschulen, Konzerthäuser, Sounddesign und ruhige Portfolio-Intros.