createCanvas(600, 600);

}

​

function draw() {

  background(220);

  let radius = 200;

  fill(255, 255, 255);

  circle(width/2, height/2, radius * 2);

  let pins = 8;

  let outerPins = pins - 1;

  let pinRadius = radius * 0.12;

  let step = (2 * PI)/outerPins;

  let theta = PI + (PI/2);

  for(let i = 0; i < outerPins; i++){

    let x = cos(theta) * radius * 0.66;

    let y = sin(theta) * radius * 0.66;

    circle(x + (width/2), y + (height/2), 2 * pinRadius);

    theta += step;

  }

  circle(width/2, height/2, 2 * pinRadius);

  fill(244, 0, 0);

  //circle(width/2 - pinRadius, height/2 + (radius) - pinRadius, 20);

  //circle(width/2 + pinRadius, height/2 + (radius) - pinRadius, 20);

  //circle(width/2 - pinRadius, height/2 + (radius) + pinRadius, 20);

  //circle(width/2 + pinRadius, height/2 + (radius) + pinRadius, 20);

  //noStroke();

  fill(220);

  let rr = (pinRadius * 1.5);

  rect(width/2  - rr,

       height/2 + radius - rr,

       rr * 2,

       rr * 2);

  //noStroke();

  stroke(220);

  //fill(0,124,140);

  rect(width/2  - (rr * 2),

       height/2 + radius - 2,

       rr * 4,

       rr * 2);

  stroke(0);

  //rect(width/2, height - radius, width/2 + 20, height - radius - 20);

}