HTML + CSSHintergründe

Starenschwarm in der Dämmerung

Hunderte Vögel fliegen in der Abenddämmerung in wechselnden Wolken und weichen dem Cursor aus wie einem Falken, auf Canvas.

Einstellungen

1x
1x
1

Code

<div class="pt-uvq16-murmuration"><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 Schwarmsimulation im Geist des Boids-Modells. Jeder Star achtet nur auf seine nächsten Nachbarn, um sich auszurichten, beim Schwarm zu bleiben und etwas Abstand zu halten, und ein langsam wandernder Schlafplatz zieht den ganzen Schwarm über einen Abendhimmel mit tiefer Sonne und dunkler Baumlinie. Die wirbelnden Formen entstehen von selbst, wie bei echten Starenschwärmen.

Die erste Farbe ist der warme Horizont, die zweite der obere Himmel, die dritte Vögel und Boden. Die Dichte ändert die Zahl der Vögel, die Geschwindigkeit ihr Tempo. Fährt der Cursor in den Schwarm, teilt er sich wie bei einem Falkenangriff und findet danach wieder zusammen.