NOC: Midterm – Floral Clock🌸 – Yang Gao

(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)

Image 1

2. Meet Blobby in p5.js (Image 2)   

Image 2

3. Lissajous Oscillation (Image 3)

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 4
Image 5

                     

                               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
Carnation
2
 Afternoon Squill
3
Scarlet Pimpernel
4
Four O’Clock
5
Dandelion
6
White Sea Lily
7
Evening Primrose
8
Proliferous Pink
9
Gentian
10
Ice-Plant
11
Star of Bethlehem Flower
12
Common Marigold

2⃣ Step TWO

Then I put all the flower on the clock and here’s the Final Demo:

CODE

P5: Code (Web Editor)

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

Special Thanks to Professor JH Moon and Leon Eckert.

Leave a Reply