Interactive Fractal Tree
The fractal explorer shows how a simple pattern, when repeated can produce an incredible range of images. With a bit of practice you will be able to create many interesting fractal forms, from organic looking trees to symmetrical structures like snow flakes. In fact the visnos website logo was created using this activity.
The controls are split into two sections, the variables section change the algorithm that builds the fractal. The style section controls colour and appearance of the fractal.
Important click variables to access these controls
The number of branches that are created at each step of the pattern. So if the value is two then, then end of each branch will fork into two more.
In computing an iteration is similar to a repetition, if the iteration value is 1 then only one set of branches is created. If the iteration is 2 then at the end of each of the first set of branches another set will be drawn. If the number of branches is greater than one then the overall complexity will increase geometrically with each extra iteration step, leading to very complex patterns.
This is the angle between the branches created at each step. If the number of branches is set to one, then this value will be irrelevant.
Each branch ends pointing in a particular direction, angle 2 is the angle shift for the direction of the new branches. The best way to understand this is to set the number of branches to one and with iterations say 5. Changing angle 2 will have the effect of turning each branch through the given angle.
Branch Size Controls
The next set of controls are used to change the initial width and length of the branches and how they change over each iteration.
The length value of the first set of branches.
After the first set of branches are drawn, at each iteration the current length is multiplied by this value. This means if the length multiplier is 1 then the all the branches will have the same length. If the length multiplier is less than 1 then the branch length will decrease for each iteration, but if the multiplier is more than 1 then the branch lengths will increase. This illustrates an important mathematical concept.
The width value of the first set of branches.
The width multiplier behaves in the exact same way as the length multiplier but this time affects how the branch width changes through iterations.
Important click style to access these controls
Webworker setting can be turned on if max calculations is being exceeded. It can handle any number of calculations but can be slower.
There are two ways to colour the fractal, the first is to use the HSL setting. When turned on, a bright set of colours is used. The colour hue changes through each iteration. To change the start hue value move the slider
The second way is to turn off HSL and use the colour picker to choose a start and end colour. The background colour can also be changed.
The lines drawn by default have rounded end, change this setting for other styles.
Global Composite Operation
This control relates to the drawing mode of the HTML5 canvas element, some values can create interesting effects.