Fraktale erkunden

Nutze den Slider um die Rekursionstiefe zu steuern. Verändere den Code im Editor und drücke „Ausführen" um dein Ergebnis zu sehen.

Sierpinski-Dreieck Klassiker

Das Sierpinski-Dreieck entsteht, indem ein Dreieck wiederholt in drei kleinere Dreiecke unterteilt wird. Bei jeder Rekursionsstufe wird das mittlere Dreieck entfernt.

Tiefe 4
Dreiecke: 81
📝 Code-Editor

📚 Tutorial

1

Farbe der Rekursionsebenen

Ändere den Code so, dass jede Rekursionsebene eine andere Farbe bekommt. Nutze den Parameter 'depth', um die Farbe zu wählen.

Erstelle ein Array mit Farben und wähle die Farbe anhand von depth: colors[depth]
2

Basisfall verändern

Was passiert, wenn du den Basisfall änderst? Stoppe die Rekursion bei Tiefe 2 statt 0 und beobachte das Ergebnis.

3

Sierpinski-Teppich

Erstelle ein Sierpinski-Quadrat (Teppich) statt eines Dreiecks: Teile ein Quadrat in 9 Teile und entferne das mittlere.

Koch-Schneeflocke Unendlicher Umfang

Die Koch-Kurve entsteht, indem jede Strecke in vier Teile geteilt wird — das mittlere Drittel wird durch eine Zacke ersetzt.

Faszinierendes Paradox: Der Umfang wächst ins Unendliche, aber die Fläche bleibt endlich!

Tiefe 3
Segmente: 192
📝 Code-Editor

📚 Tutorial

1

Winkel verändern

Ändere den Winkel der Zacken von 60° auf andere Werte (z.B. 90°, 45°). Was entsteht?

2

Anti-Schneeflocke

Kehre die Richtung der Zacken um, sodass sie nach innen statt nach außen zeigen.

Peano-Kurve Raumfüllend

Die Peano-Kurve ist eine raumfüllende Kurve: Eine Linie, die bei genügend Rekursionstiefe jeden Punkt eines Quadrats berührt.

Tiefe 2
Linien: 80
📝 Code-Editor

📚 Tutorial

1

Reihenfolge der Segmente

Ändere die Reihenfolge, in der die 9 Teilstücke gezeichnet werden. Wie verändert sich das Muster?

2

Farbverlauf entlang des Pfades

Färbe die Kurve mit einem Farbverlauf, sodass man den Zeichenpfad nachvollziehen kann.

Hilbert-Kurve ★ Favorit

Die Hilbert-Kurve ist eine weitere raumfüllende Kurve, die besonders elegant ist. Sie verbindet benachbarte Punkte eines Gitters in einer durchgehenden Linie — ohne Kreuzungen.

Tiefe 4
Linien: 255
📝 Code-Editor

📚 Tutorial

1

Linien zählen

Zeichne nur Ordnung 1 und zähle die Linien. Wie viele sind es? Wie viele bei Ordnung 2?

2

Kurve spiegeln

Spiegle die Hilbert-Kurve horizontal. Welcher Parameter muss sich ändern?

3

Pfad animieren

Lass die Linie langsam gezeichnet werden — wie ein Stift, der über das Papier fährt.