• Calculate the hour
• Subtract hour from 12
• Draw the rims of the eye as curves increasing additively by the result
• Calculate if the hour is even or odd
• Draw an ellipse with the position increasingly left if odd or right if even based on minute
• Calculate if second is a multiple of 3
  • If eyelid hasn’t hit the bottom lid yet
    • move upper eyelid down one pixel
    • Stop when eyelid reaches lower lid
  • If eyelid is has hit the top lid
    • Move upper eyelid up one pixel

1. Draw out tea cup on a table
2. Code steam to come out from tea cup using curves and shapes, having three distinct class of steam rising
   • Smaller sprouts of steam represents seconds, rise more rapidly
   • Medium sprouts are minutes
   • One large sprout of steam is drifting and represents hour
3. Height at which steam rises and evaporates
4. decreases gradually as time passes, indicating how the tea cup is losing its warmth throughout the day.
5. Set steam motion to correlate to each time measurement.

Concept: Clock speeding up+slowing down throughout day to reflect how time “feels” like it passes. The background has a cafe with people who move more quickly or slowly depending on the clock speed

Steps:

• Draw clock
• Make variables for minute and hour hands
• Use “if” statements for its speed: if time is between i.e. 12-2, speed is x amount. if time is between 4-6 time is y, etc.
• Draw background
• furniture will be stable so don’t need variables for those
• door will be opening+closing at certain time frames
• people coming in+out: need to move their heads and bodies together. That is important (make a branch)
• speed up the variables for the people at same rate as clock is speeding up/slowing down

 

• Create a grid of the words needed to describe time
• Use the hour(); to change the color of the current hour
  • If hour(); is ___, then have ___ light up
• Use the minute();
  • If minutes are 0 – 9, light no words
  • If minutes are 10 – 14, “it is ten past”
  • If minutes are 15 – 19, “it is a quarter past”
  • Etc

My time project will use the state of a subway car to visualize time.

1. draw the two clouds under rainbow
   • create a function of clouds with arc()
   • fill the shapes with beginShape(), endShape()
2. draw the rainbow
   • each rainbow will be arcs.
   • curves’ shapes are fixed, while colors changes over time. So build variables for their color. Add function that sets color (use arrays or for loop to set the changing color for curves.)
   • have three rainbow with different weights presenting second, minute and hour.
3. check to see if the change of color corresponds to time.

here’s my sketch

1. Flower

This clock would be a drawing of flowers that grow as time passes. There would be a rain cloud above the flowers that rains a drop of water onto the flowers every second. Every ten minutes a new object, like a leaf or a petal, would grow on the flower, and every hour a new flower would grow. 

1. Water machine

This clock would be a drawing of two cups or buckets and leaky faucet. The faucet would drop a water droplet into one of the cups every second, and this first cup would fill up in relation to the minutes in the hour. Every hour, the first cup would rotate and fill the second cup to show the hours of the day.

1. Word clock

This clock would display the time as a sentence from a grid of different words. Select words on the grid would light up or change color

.

1. A landscape starting with the sun rising along the horizon and as time passes by, moves through the sky along an arc and changes from yellow to gray, similar to the sun and the moon in real life. At around noon, the sun would be at its highest point. At around dusk, it would begin to shift colors as it returns to the horizon.
2. Having a solar system as a clock. The sun would be in the middle and there would be three planets along the outer orbits, representing the hours, minutes, and seconds hands. The planets would move at the rate at which time is passing along their orbits, such as the seconds planet would be moving the fastest.
3. A cup of tea that would be hottest and have the most steam coming from it in the early hours, but would gradually cool down as time passes by. The amount of steam would be dependent on the hours, minutes, and seconds and would ultimately lessen by the end of the day.

• Introduction to classes and objects.
• Defining a class:

Anatomy of a class (page 124):

• Declare and initialize a class (eg. use it in your code)
• Writing a class with arguments (p. 132)

Exercises:

• Read Chapter 8. Still confused? Try these video tutorials from Shiffman on classes.
• In Learning Processing do exercises: 8.1, 8.2.
• Also 8.5: See code for the bouncing_ball_gravity here. First break draw() out into functions, then add a ball class! Make a sketch with 100 balls of random colors (use an array).
• Work on the Visualizing Time project.