2. Reto 2. Autómatas

2.3. Segunda parte: estructuras de control

2.3.4. Ejercicio – Un reloj

¿Qué hace este código?

Pista: en las variables horas, minutos y segundos se guarda la hora, los minutos y los segundos de la hora actual (la que tiene el reloj del ordenador). Intentad entender todo lo que hace el programa. Si tenéis alguna duda podéis mirar al final de esta guía.

function setup() {
  createCanvas(200, 200);
  strokeWeight(2);
}
function draw() {
  var fechaHora = new Date();
  var horas = fechaHora.getHours();
  var minutos = fechaHora.getMinutes();
  var segundos = fechaHora.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 == (horas % 12 * 5)) {
      stroke(255,0,0);
      line(0, -40, 0, -70);
    }
    if (i == minutos) {
      stroke(0,0,255);
      line(0, -40, 0, -70);
    }
    if (i == segundos) {
      stroke(255);
      line(0, -40, 0, -60);
    }
    rotate(PI / 30.0);
  }
}