circle

var radius = 150;

var centerX = 150;

var centerY = 150;

​

function setup() {

  createCanvas(300, 300);

  background(255);

}

​

function draw() {

  noStroke();

  fill(230,230,255);

  ellipse(centerX, centerY,radius, radius);

  for(var i=0;i<12;i++){

    drawHour(i);

  }

  noLoop();

}

​

​

function drawHour(hour){

  noFill();

  strokeWeight(5);

  strokeCap(SQUARE)

  stroke(0);

  n = (hour+12-3)%12

  hourAngle  = TWO_PI/12;

  delta = 0.05;

  arc(centerX, centerY,radius, radius, n*hourAngle +delta, ((n+1)%12)*hourAngle - delta, OPEN);

}