void setup() {
  size(300, 300);
  frameRate(25);
  colorMode(HSB);
}

void draw() {
  PImage b;
  b = loadImage("bg.gif");
  background(b);
  tijdWeergaven(); 
}

void tijdWeergaven() {
  int h = hour();
  int m = minute();
  int s = second(); 
  float UUR = 255/24;
  float seconde = s*(255/60);
  float minuut = m*(255/60);
  float uur = h*(UUR);
  float tijd = ((h*3600)+(m*60)+s)*0.00296;
  float hsec = (s)*(4);
  float hmin = (m)*(4);
  float huur = (h)*(10);
  println(tijd);
  // Nederlandse tijd
  // Kleurlegenda's
  // uur:
  int uX = 10;
  int uY = 51;
  while (uY < 290) {
    fill(uX, 255, 255);
    rect(19, uY, 4, 10);
    uY = uY +10;
    uX = uX + 10;
  }
  // minuut
  int mX = 10;
  int mY = 51;
  while (mY < 290) {
    fill(mX, 255, 255);
    rect(72, mY, 4, 10);
    mY = mY +10;
    mX = mX + 10;
  }
  // seconde
  int sX = 10;
  int sY = 51;
  while (sY < 290) {
    fill(sX, 255, 255);
    rect(121, sY, 4, 10);
    sY = sY +10;
    sX = sX + 10;
  }
  // huidige tijd in kleur
  fill(tijd+UUR, 255, 255);
  rect(9, 22, 130, 19);
  // uren kader
  fill(0, 0, 127);
  rect(9, 51, 10, 240);
  // uren 
  fill(uur+UUR, 255, 255);
  rect(9, 51, 10, huur);
  // minuten kader
  fill(0, 0, 127);
  rect(62, 51, 10, 240);
  // minuten 
  fill(minuut, 255, 255);
  rect(62, 51, 10, hmin);
  // seconden kader
  fill(0, 0, 127);
  rect(111, 51, 10, 240);
  // seconden 
  fill(seconde, 255, 255);
  rect(111, 51, 10, hsec);
  // Wereldtijd
  // seconde
  int wX = 13; // 13 + CET = SST (+ 24)
  int wY = 31;
  while (wY < 290) {
    fill(((tijd+(UUR*wX))%255), 255, 255);
    rect(234, wY, 10, 10);
    wY = wY +10;
    wX = wX + 1;
  }
}