Topografische Höhenlinien
Höhenlinien wie auf einer Landkarte, die langsam über den Bildschirm wandern wie lebendiges Gelände, auf Canvas gezeichnet.
Einstellungen
Code
<div class="pt-topo"><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ündeWofür du ihn nutzen kannst
Ein Vollbildhintergrund nach dem Vorbild topografischer Karten. Ein weiches Höhenfeld verändert sich mit der Zeit, und ein Marching Squares Durchlauf macht daraus Höhenlinien, sodass Hügel und Täler wachsen, verschmelzen und sich teilen. Jede vierte Linie ist dicker und trägt die dritte Farbe, wie die Zähllinien einer gedruckten Karte.
Die Dichte bestimmt die Zahl der Höhenstufen, das Tempo die Geschwindigkeit des Geländes, und die drei Farben verlaufen von tief nach hoch. Passt zu Outdoor Marken, Reiseseiten, Datenprodukten und ruhigen Startseiten.