HTML + CSSHintergründe

Partikel Strömungsfeld

Tausende Partikel folgen unsichtbaren Strömungen und hinterlassen feine farbige Fäden, auf Canvas gezeichnet.

Einstellungen

1x
1x
1

Code

<div class="pt-flow-field"><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.

Mehr aus Hintergründe

Alle ansehen: Hintergründe

Wofür du ihn nutzen kannst

Ein Klassiker der generativen Kunst. Jedes Partikel liest an seiner Position die Richtung eines weichen Vektorfelds und macht einen kleinen Schritt, und das Canvas verblasst zwischen den Bildern nur leicht, sodass sich die Wege zu seidigen Fäden summieren, die die Strömungen zeigen. Das Feld selbst verändert sich und biegt die Ströme zu neuen Wirbeln.

Die Partikel verteilen sich auf deine drei Farben und entstehen neu, wenn sie den Bildschirm verlassen oder altern. Die Dichte bestimmt ihre Zahl, das Tempo ihre Geschwindigkeit. Passt als Hintergrund für KI, Daten oder kreative Tools.