xxxxxxxxxx
54
function setup() {
createCanvas(400, 400);
angleMode(DEGREES);
}
function draw() {
background(0);
translate(200, 220);
rotate(-90);
let hr = hour();
let mn = minute();
let sc = second();
strokeWeight(10);
stroke(255, 0, 150);
noFill();
let secondAngle = map(sc, 0, 60, 0, 360);
arc(0, 0, 300, 300, 0, secondAngle);
stroke(0, 230, 255);
let minuteAngle = map(mn, 0, 60, 0, 360);
arc(0, 0, 280, 280, 0, minuteAngle);
stroke(0, 255, 100);
let hourAngle = map(hr % 12, 0, 12, 0, 360);
arc(0, 0, 260, 260, 0, hourAngle);
push();
rotate(secondAngle);
stroke(255, 0, 150);
line(0, 0, 100, 0);
pop();
push();
rotate(minuteAngle);
stroke(0,230 , 255);
line(0, 0, 75, 0);
pop();
push();
rotate(hourAngle);
stroke(0, 255, 100);
line(0, 0, 50, 0);
pop();
stroke(255);
point(0, 0);
fill("white");
noStroke();
textSize(35);
rotate(90);
text(hr + ':' + mn + ':' + sc, -60,-175);
}