p5 visualisation of a Fractal Tree.
- Tree
- Mutate
- Transform
- Appearance
- Save
Type | Default | Min | Max |
---|---|---|---|
Number | 200 |
0 |
500 |
The length of the starting branch
Type | Default | Min | Max |
---|---|---|---|
Number | 10 |
1 |
20 |
How many steps of branches are there
Type | Default | Min | Max |
---|---|---|---|
Number | 0.7 |
-PI |
PI |
The angle of each child branch
Type | Default | Min | Max |
---|---|---|---|
Number | 0.6 |
0.1 |
2 |
Child branch length multiplier based of parent branch
Type |
---|
Button |
Resets all Tree options to default values
Type | Default |
---|---|
Boolean | false |
If the tree will get mutated or not
Type | Default | Min | Max |
---|---|---|---|
Number | 2 |
0 |
2 |
Percentage chance of the child Branches being created
Type | Default | Min | Max |
---|---|---|---|
Number | 0 |
0 |
PI |
Intensity of angle interference
Example
tree.angle += Math.random() * mutate.angle;
Type | Default | Min | Max |
---|---|---|---|
Number | 0 |
0 |
1 |
Intensity of angle interference
Example
tree.branchMultiplier += ((Math.random() * 2) - 1) * mutate.branchMultiplier;
Type |
---|
Button |
Regenerates the tree with new values
Type |
---|
Button |
Resets all Mutate options to default values
Type | Default | Min | Max |
---|---|---|---|
Number | 0 |
-width |
width |
Translate the Tree on the X axis
Type | Default | Min | Max |
---|---|---|---|
Number | 0 |
-height |
height |
Translate the Tree on the Y axis
Type | Default | Min | Max |
---|---|---|---|
Number | 1 |
0 |
5 |
Scale the Tree
Type | Default | Min | Max |
---|---|---|---|
Number | 0 |
-PI |
PI |
Rotate the Tree around the root of the tree
Type |
---|
Button |
Button to set the offsets centrally on the screen
Type |
---|
Button |
Resets all Transform options to default values
Type | Default | Min | Max |
---|---|---|---|
Number | 360 |
0 |
360 |
The saturation of the branch color
For white colored branches set this to 0
Type | Default | Min | Max |
---|---|---|---|
Number | 360 |
0 |
360 |
The brightness of the branch color
Type | Default |
---|---|
Boolean | false |
Branches colors will blend from one branch to the next
Type | Default | Min | Max |
---|---|---|---|
Number | 1 |
1 |
15 |
Stroke Weight of the lines being drawn
Type | Default |
---|---|
Color | #000000 |
Background color of the window
Type | Default |
---|---|
Boolean | true |
Shows white dots on the ends of all the end branches
Type | Default | Options |
---|---|---|
String | off |
'off', 'y', 'x y' |
Mirrors the Tree on other axis. Start point remains the same
Type |
---|
Button |
Resets all Appearance options to default values
Type |
---|
Button |
Saves the current drawing as a PNG file
Branch | Travis CI | Server |
---|---|---|
Master | GitHub Pages |
This project is licensed under the MIT License - see the license file for details