H-Treegonometrees

Original H-tree
Incorporated randomness in the angle of degree branching
Three branches variation with circles

Inspiration

Fractals are cool and we like maths!

What it does

Generates fractals by manipulating the H-tree fractal structure. Users can choose the colors and shape to generate the fractal, or if they're feeling ~adventurous~, they can see a randomly generated cool-looking fractal that we discovered while tinkering with the parameters. While they watch the mesmerizing animation loop happen, there is carefully selected music playing in the background.

How we built it

Implemented a recursive formula with P5.js to create the underlying H-tree structure, then manipulated colours/lines/shapes to create other fractal structures from it! We then used HTML/CSS to integrate it as a webpage.

Challenges we ran into

Getting any sleep, incorporating the user input into our animations (passing form data to javascript files), and pairing the music.

Accomplishments that we're proud of

We made really cool fractals and it was our first times coding in HTML/CSS and p5.js!

What we learned

Aspects of the programming languages used and really understanding how recursive formulas work to implement color gradients and different shapes.

What's next for H-Treegonometrees

Offer more flexibility with user input (frame rate, color range, etc.), since we had a lot of fun with our own project just messing around with parameters and working with math! And adding other types of fractal structures (Mandelbrot, Julia, Koch snowflake, etc.)!