I made to triangle structure. The left one represents the second and the right one represents the minute. The little ball will swing every second and every minute. The color of this equipment will change the strength according to the hour. So when the hour become bigger, the color will be stronger. The reason why I chose the green and red is because these two color is most obvious. I used second(),minute(),hour() and also object to complete this project. It may looks simple but it did covered a lot of the skills of processing.

Visualizing time project by Harrison Jiang: https://www.openprocessing.org/sketch/609737.

Supernova

For my visualizing time project I was not sure what I wanted to do exactly and it took a while to come to the final results but then I slowly found what I wanted to create that represented time. the visuals are shooting star circles, the black ones that are gradually changing fast show the seconds. The background color changes depending on the hour from 1 to 12 it goes from darker to lighter. 12 being the lightest. The lines get thicker as the hours get bigger. My project is basically a star exploding over and over again representing the seconds/minutes that are passing by.

some images of my project:

link: https://www.openprocessing.org/sketch/609669

GIF is inaccurate^ It looks different in openprocessing. I think because the clock speed moves too quickly for the gif frame rate.

My time project is about how time can seem to be compressed and decompressed throughout the day. At some points it feels like time is passing really quickly, such as when you are really engrossed in what you are doing, and at other times it passes more slowly when you are waiting for something. I attempted to represent this idea through this clock. It slows down and speeds up throughout the day. Each new day (every 24 hours) it feels like this clock off fresh and consistent, but always gets unexpectedly quicker/slower at times.

Openprocessing Link:

https://www.openprocessing.org/sketch/609668#

For this visualizing time project, I was planning to do the match burning idea. However, I have tried that one, but that one did not come out good and I did not know how to create the puff of smoke to represent the second either, so instead of using the smoke to represent the second, I made three math to each represents second, hour, and minute. When I run the code I first wrote, it is still ugly and looks terrible.

So I change my focus into a different idea instead. I decided to code three turtles one in each bar to make it looks like they are having a race. However, when I was coding the turtle. Some code went wrong, and it was a big mass of data to just draw a turtle, so I gave up on that and did the final one instead.

I have made three bars, each bar has different faces on it and what they present is different. The first bar is second, the second bar is minute, the third bar which has a face of Baymax represent the Hour. And the final one does look a lot better than the match one I did in the first place.

The passage of time will be shown by food being eaten over time. Every second a bite will be taken out of a food shown and every minute the food will reset.

Steps:

1. draw pizza
2. draw bite circles
3. repeat them so that they overlap the pizza
4. make a circle appear every second
5. reset circles every minute

1. Every minute passes, the frog will eat one bug, one bug on the screen disappears
2. Every hour passes, the frog will move to the right
3. The background color changes as the time passes by (if it’s day time, the background color becomes white, if it’s night time the background color becomes black )
4. Drawing: one frog, 60 bugs, lotus leaves

1, draw background

2, draw the structure of the equipment

3, make the ball swing every second

4, display the minute on the screen

5, change the color every hour

Plant

• The worm at the bottom will take 60 seconds to reach the second layer. And for each minutes, there will be a new leaf. When there are 60 leaves in the second layer, the flower will grow one petal. The flower at the left side represents daytime (a.m.), and the one at the right represents nighttime(p.m.).

Step:

1. Draw a worm, flower, and a small tree
2. Duplicate these
3. Make pm/am flower different
4. Make variables (second) forrising worm, (minute) for small tree leaf, and (hour) for flower petals

Draw Circle as background

Create sine wave class- parameters:

• Call this class in Draw function for seconds, minutes, hours.
• Calculate the sine waves- different sizes for increments of time
• Fill under the wave- different colors/transparencies for different increments of time

Add numbers at bottom of the frame- jumbled/”at the bottom of the sea”

Add marine life.