3D-Sternenfeld
Sterne fliegen mit kurzen Schweifen auf dich zu, wie ein Sprung in den Hyperraum, nur gemächlicher.
Einstellungen
Code
<div class="pt-stars"><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
Wofür du ihn nutzen kannst
Ein Sternenfeld passt zu allem, was mit Weltraum, Tempo oder einem Start zu tun hat: dem Hero einer Launch-Seite, dem Intro zu einem Sci-Fi-Spiel oder dem Countdown für ein Online-Event. Die Sterne strömen aus der Mitte, also landet der Blick genau dort. Ein animierter Sternenhimmel als Hintergrund, auf Canvas mit ein paar Zeilen JavaScript.
Auf voller Geschwindigkeit ist es ein paar Sekunden spannend und nach einer Minute anstrengend. Auf Seiten, auf denen man länger bleibt, nimm das Tempo raus. Liegt ein Formular darüber, senk auch die Deckkraft, sonst lenken die Schweife hinter den Eingabefeldern ab.