Mandelbrot
Julia
Benutzung
Bewege deinen Mauszeiger über das Mandelbrot-Set um den Startpunkt für das Julia-Set unten zu wählen.
Wie es funktioniert
Auf dieser Seite sind zwei HTML5 Canvas elemente, auf die mit WebGL von meinen Shadern gemalt wird - jeweils eins pro set.
Fraktale mit OpenGL/WebGL zu malen ist überraschend einfach, weil fragment Shader im Wesentlichen einmal pro pixel aufgerufen werden, also muss dort nur:
- basierend auf der Position im Canvas entschieden werden, welcher Teil vom Fraktal berechnet werden soll
- das Fraktal an dieser Stelle berechnen
Eine optimierung, die ich hier eingesetzt habe ist nur dann neu zu malen, wenn sich auch wirklich was geändert hat.