A simple Mandelbrot fractal computed in Javascript.



Quality = 1

Iterations = 400



Change color:


Rotate hue:

Change brightness:


Welcome to my implementation of the Mandelbrot Fractal.

The layout is simple; Use the buttons to manipulate the fractal and then click "Recompute", to redraw the image on the background. You can use the hide button at the top right of the screen to hide or show the text area.

Decreasing the Quality or Iterations propreties will greatly improve rendering times. (It'll go faster but look worse).


About Zooming:

The zooming feature is pre-controlled by my code so that you can get a good picture of the fractal. I am currently developing a feature where you can zoom freely. Keep checking for it :).

The number of times that you have zoomed in is displayed in the log.

In order to zoom in faster simply decrease the quality and/or the iterations.

The image may also look stretched or squished on different screen sizes. I am working on a fix, but for best viewing use a square screen size.


About Phones:

Phones may crash if you increase quality too much or the iterations are too high. This behaviour is expected, and if this happens simply lower the quality and/or the iterations.


About Quality and Iterations:

When increasing quality and/or iterations, the code takes longer to execute. If you get a popup about the webpage not responding, simply wait for the code to continue executing.

Quality = the number of pixels that the fractal has. A quality of 1 means the fractal has the same number of pixels as your screen. 2 means the fractal has double the pixels of your screen, and so on.

Iterations = the number of times the pixel is calculated, to determine if its is part of the set. It also lets me determine its color.


About Colors:

The invert color button takes the pixels in the background and inverts them. (Black becomes white)

The hue rotation slider takes the fractal picture as originaly computed and adds a color rotation to it, specified by the degree in the slider. A full 360 degree rotation give you the original picture. A 120 deg rotation switches red to green. 240 red to blue. Have fun experimenting :).


More on fractals:

Here is a great article by Wikipedia about the Mandelbrot Fractal:
https://en.wikipedia.org/wiki/Mandelbrot_set

A few good videos about coding the mandelbrot Fractal:
https://www.youtube.com/watch?v=6z7GQewK-Ks
https://www.youtube.com/watch?v=KnCNfBb2ODQ

How I acheived hue color rotation from rbg colors:
https://stackoverflow.com/questions/8507885/shift-hue-of-an-rgb-color



By using danielsunderman.com you agree to my policies and terms in the documents below. Click on the links for more information.

Terms of Service Cookies Policy Privacy Policy