Tree Clock
A 24-hour generative clock in the shape of a tree.
technologies used
course
This clock project was for an assignment to create a way to tell time without using numbers. By using the growth of the branches and pedals I was able to visually display the hours, minutes and even seconds within a day.
You can view the original project documentation on the class website, as well as the class feedback for this assignment.
Planning and Influences
The artistic style was influenced by traditional Japanese paintings of cherry blossom trees and the mobile indie game Prune (which probably itself was also inspired by these paintings).
In order to create realistic randomly drawn trees, I implemented several rules ranging from thickness of the branch's starting point relative to ending point, and the angles at which new branches were allowed to be grown from.
24 Hour Clock
The tree clock grows every second of the day. To read the clock, this is what you need to look for:
- Daytime: The position of the sun, with top being noon
- Hours: number of branches
- Minutes: length of the shortest, currently growing branch (mid-way bend is half-hour mark)
- Seconds: number of bunches of blossoms
Falling Petals
Every minute, all of the blossoms that have grown each second beautifully fall off, signalling a new minute.
Generative Growth
Each time the clock is run, the tree grows in a unique way. No two trees are ever the same. You can see an example of this by clicking repeatedly on the live demo on the top of this page.
The hardest part of this project was actually debugging. As I added more tools to help me develop (such as the ability to speed up time or force a specific time of day), I realized more and more how many issues there were that I hadn't noticed in real-time, and figuring out what was wrong was quite an adventure.
One such tool is visible in the top left corner of this video.
View the source code