Code

/*
The expanding circles correspond to seconds.
The green, red and yellow circles correspond to minutes. For minutes 1-18 - green; 19-36 - blue; 37-60 - yellow
and
The red circles represent the hours. They also rotate at the end of every minute.
*/

void setup()
{
  framerate(60);
  size(400,400);
}

void loop()
{
  int s = second();
  int m = minute();
  int h  = hour();

  translate(200,200);
  background(0);
  ellipseMode(CENTER_DIAMETER);

  noFill();
  rect(-190,-190,380,380);

  for(int i = 0; i < s; i++)
  {
    noFill();
    stroke(114,40,110);
    ellipse(0, 0, 10+i*3, 10+i*3);
  }

  for(int i = 0; i < m; i++)
  {
    if(i<18)
    {
      fill(0,255,0);
      ellipse(70, 70, 7, 7);
    }
    else if(i<36)
    {
      fill(0,0,255);
      ellipse(80, 80, 7, 7);
    }
    else
    {
      fill(255,246,0);
      ellipse(90, 90, 7, 7);
    }
    rotate(1);
  }

  for(int i = 0; i < h; i++)
  {
    fill(255,0,0);
    ellipse(110, 110, 10, 10);
    rotate(3);
  }

}

Project 1: Display the progress of time in a non-traditional way.

Statement:From the central heartbeat of the central processor, to the obsessive timestamping of files and blog entries, to ever present clock displays, time is a fundamental feature of computation. Display the progress of time in a non-traditional way. It is OK to consider large temporal scales (e.g. seasons), but smaller temporal scales should also be displayed (or be available to be displayed, perhaps as a function of user input). You may make use of mouse input if you wish.
Time Representation: The expanding circles correspond to seconds. The green, red and yellow circles correspond to minutes. For minutes 1-18 - green; 19-36 - blue; 37-60 - yellow and The red circles represent the hours. They also rotate at the end of every minute.

hide brief