(It takes some times to load the image)
TITLE
Floral Clock🌸
DESCRIPTION
Floral Clock🌸 is a clock that indicates people time by showing them the species of flowers that open exactly at that time based on Linnaeus’s flower clock.
INSPIRATION
I got my inspiration by watching a stop motion video of flower blooming, and after found some oscillation programming project online and taking the oscillation workshop, I started to think about is there any pattern or rules about flower blooming?
1. Flower Blossom Video (Image 1)
2. Meet Blobby in p5.js (Image 2)
3. Lissajous Oscillation (Image 3)
RESEARCH
So I searched online and found a very interesting paper called Flower clocks, time memory and time forgetting by Wolfgang Engelmann, Institut für Botanik and Universität Tübingen. In the article, they mentioned that:
“We have observed an interesting high frequency rhythm in petal movement in Forsythia. The oscillation occurs when the flower blooms and petal bends in the middle with a damped oscillatory frequency of about 90 minutes.”
They also mentioned Linné(also known as Linnaeus) and showed the flower clock image.(Image 4)
And then I found Linnaeus’s original flower clock (Image 5) and some derivative clock.(Image 6)
Image 6
PROCESS
1⃣ Step ONE
To begin with, I listed a table of flower that I am going to recreate.
And then I used sin and noise to recreate the flower using p5.js.
Flower | p5 Flower | |
1 | ||
2 | ||
3 | ||
4 | ||
5 | ||
6 | ||
7 | ||
8 | ||
9 | ||
10 | ||
11 | ||
12 |
2⃣ Step TWO
Then I put all the flower on the clock and here’s the Final Demo:
CODE
Three Classes
To illustrate different kinds of flowers, I used three different classes, Sin_1 Class, Sin_2 Class and Noise Class.
Sin_1: For flowers have smooth petals, I used Sin_1 class.
Noise: For flowers with zigzag petals, I used Noise class.
Sin_2: For dandelion, I used Sin_2 class, because it is round.
Positions of the flowers
DEBUG MODE
Debug mode for flower (code: google drive)
It is so much easier to change the parameter of the flower using debug mode! (And I found that after I finished my project🙃). However, it is very nice to develop the color pattern for the flower. The debug properties include the petal number, size, color, sinValue, rotate degree, flower blossom speed, background color (to see if they fit each other) and background transparency.
Debug mode for clock (code: google drive)
For the clock, I added a debug mode to check the edge of the hand of the clock. Because the background for the flower has transparency, but if I want to apply the same background to the clock hand, it will leave trails. So I put an ellipse under the clock hand.(I tried create graphic function but it didn’t work) Other debug properties include flower blossom speed, background colors, background transparency, clock hands length and thickness.
POTENTIANLS
After the presentation, I got many helpful feedback and I’d like to further develop my project:
1. Instead of having a static background, it can also change according to the time. (My thought is maybe have a bigger size semi-transparent flower that opens at that time in the background?)
-
- Similar to this, when it comes to the integral time, the flower can have some differences.(like blossom?)
2. As a clock, you can mark the number (using flower?) to indicate time.
3. Add the flower open-close animation(use scale and rotate?)
4. Try to add (a little) noise value even using the sin mode.
5. The color pattern can be more unified.
6. The hour, minute and second hands can also have some diversity.
CONCLUSION
Overall, I think this project has so many places to improve and I would like to utilize it step by step. The research process was so much fun and I am excited to see something that is really happen in nature translate to programming. I’m looking forward to the second half semester.
REFERENCE
- Clock Reference
- Flower clocks, time memory and time forgetting by Wolfgang Engelmann, Institut für Botanik and Universität Tübingen
- Linnaeus’s flower clock
- The flower clock
- Flower clocks: What bloomin’ time is it, anyway?
- Linnaeus Floral Clock
-
Five Minutes to Moonflower