JS-Fractals

Space/Click for new fractal!

The mechanics behind JS-Fractals can be broken down into simple rules that are applied recursively.

In this example, we will use the circle, but other shapes (just squares for now!) follow the same rules.

First, a center or 'parent' circle of random size is drawn.

Next, 4 children circles of some fractional size of the parent circle are drawn on the parent circle's curve

Each of those children circles draws its own children circles.

The children circles may or may not be drawn in the opposite direction of the previous child. This is a randomized characteristic of each fractal.

Notice how the first left child circle is missing its right child circle? Since left is opposite of right, this child was not drawn.

However, this does not always hold true. This depends on the random boolean trait, which in the alternate case would draw children in all 4 directions.

Once these circles are drawn, they are all transformed in a circular fashion relative to their parent circle.

The first or center circle is stationary, as a circle rotated about its center does not move.

Its children follow the center circles' curve and orbit it. (Here, the children are rotating clockwise)

The children of those children are rotationally transformed twice, as they are moved relative to their parent which was moved relative to the center circle.