Drehende Truchet Kacheln
Kacheln mit Viertelkreisen bilden Wege und drehen sich ab und zu, wodurch das Labyrinth neu entsteht, auf Canvas.
Einstellungen
Code
<div class="pt-truchet"><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
Truchet Kacheln sind Quadrate mit zwei Viertelkreisbögen in gegenüberliegenden Ecken. In zufälliger Ausrichtung verbinden sie sich zu endlosen Schleifen und Wegen. Hier drehen sich laufend einige Kacheln mit weicher Kurve um neunzig Grad und leuchten kurz in der dritten Farbe auf, sodass sich das Labyrinth ständig neu schreibt, ohne dass Linien brechen.
Die Linienfarbe verläuft diagonal von der ersten zur zweiten Farbe, die Dichte bestimmt die Kachelgröße und das Tempo, wie oft sie sich drehen. Bringt verspielte geometrische Energie in Studios, Kinderprodukte, Rätsel und Konferenzseiten.