2. Repte 2. Autòmats

2.3. Segona part: estructures de control

2.3.4. Exercici – Un rellotge

Què fa aquest codi?

function setup() {
  createCanvas(200, 200);
  strokeWeight(2);
}
function draw() {
  var dataHora = new Date();
  var hores = dataHora.getHours();
  var minuts = dataHora.getMinutes();
  var segons = dataHora.getSeconds();
  background(220);
  translate(100,100)
  for (var i=0;i<60;i++){
    if (i % 5 == 0) {
      stroke(0);
      line(0, -40, 0, -60);
    }
    if (i == (hores % 12 * 5)) {
      stroke(255,0,0);
      line(0, -40, 0, -70);
    }
    if (i == minuts) {
      stroke(0,0,255);
      line(0, -40, 0, -70);
    }
    if (i == segons) {
      stroke(255);
      line(0, -40, 0, -60);
    }
    rotate(PI / 30.0);
  }
}