JS mandelbrot set renderer
interactive fractal renderer I wrote in JavaScript in January 2022
date posted:
date modified:
Before I started making music I used to want to become a software developer. I was really interested in computer science and programming then, and from 2017 (when i was 13 years old) all the way to 2023 I had amassed a ton of programs, software projects, games and websites, none of which were ever completed. Some in a barely working state, some barely started. Nowadays I don't really do much programming work anymore, other than maintaining this website.
Here's one of my old projects that somewhat works, even if I didn't add all the features I planned to then, and even if its still pretty unoptimized. An old Mandelbrot Set renderer.
Mandelbrot Set Viewer
Drag with the mouse to pan, scroll to zoom. The menu is in the top left corner, the blue hamburger button. It has fields for the location and performance settings. Increasing the number of iterations and the resolution of the rendered image increases the level of detail but makes panning and zooming slower. Histogram coloring provides a more even color gradient at differing levels of depth. Smooth coloring looks nicer but may be a bit slower. The border tracing option speeds it up a little bit but may cause rendering errors. It may be desired to turn the resolution down and the number of iterations up for browsing. To render an image, turn border tracing off, turn the resolution and number of iterations up for detail, and in most browsers you should be able to right-click the canvas and select "open image in new tab" or "save image" or something like that. You can also click the link button to make a link to the location you're currently viewing, with all settings intact.
I was also playing around with formulas for other fractals. I have two alternate files here, they have some pretty interesting locations. (For some reason the Smooth Coloring function doesn't work in either of these. I think maybe these were forked from an earlier version of the code before I had implemented that function.)
Alternate Fractal 1
Alternate Fractal 2
Some renders I made using this program:
