​

function setup() {

  createCanvas(600, 600);

  angleMode(DEGREES);

  frameRate(12);

}

​

function draw() {

  background(252, 219, 3);

  noFill();

  stroke(0, 145, 255);

  strokeWeight(3);

​

  push();

  strokeWeight(5);

  translate(width / 2, height / 2);

​

  for (let y = 0; y < 6; y++) {

    rotate(r++);

​

    for (let x = 0; x < 6; x++) {

      rotate(60);

      arc(60, 60, 48, 48, 330, 120);

    }

  }

  pop();

  push();

  strokeWeight(3);

  translate(width / 2, height / 2);

​

  for (let y = 0; y < 6; y++) {

    rotate(r++);

​

    for (let x = 0; x < 6; x++) {

      rotate(60);

      arc(45, 45, 32, 32, 255, 45);

    }

  }

  pop();

  push();

  strokeWeight(1);

  translate(width / 2, height / 2);

​

  for (let y = 0; y < 6; y++) {

    rotate(r++);

​

    for (let x = 0; x < 6; x++) {

      rotate(60);

      arc(20, 20, 16, 16, 330, 120);

    }

  }

  pop();

  push();

  strokeWeight(3);

  translate(width / 2, height / 2);

​

  for (let y = 0; y < 6; y++) {

    rotate(r++);

​

    for (let x = 0; x < 6; x++) {

      rotate(60);

      arc(110, 110, 80, 80, 255, 45);

    }

  }

  pop();

//   push();

//   strokeWeight(12);

//   translate(width / 2, height / 2);

​

//   for (let y = 0; y < 6; y++) {

//     rotate(r++);

​

//     for (let x = 0; x < 6; x++) {

//       rotate(60);

//       arc(150, 150, 120, 120, 330, 120);

//     }

//   }

//   pop();

​

  //   push();

  //   translate(width/2, height/2);

​

  //   for (let i = 0; i < 12; i++){

  //     rotate(30);

  //     ellipse(15,15,10,10);

  //   }

  //   pop();

​

  //   push();

  //   translate(width/2, height/2);

​

  //   for (let i = 0; i < 12; i++){

  //     rotate(30);

  //     ellipse(9,9,6,6);

  //   }

  //   pop();

​

  //   push();

  //   translate(width/2, height/2);

​

  //   for (let i = 0; i < 12; i++){

  //     rotate(30);

  //     ellipse(5,5,3,3);

  //   }

  //   pop();

​

  //   push();

  //   translate(width/2, height/2);

​

  //   for (let i = 0; i < 12; i++){

  //     rotate(30);

  //     ellipse(42,42,30,30);

  //   }

  //   pop();

​

  //   push();

  //   translate(width/2, height/2);

​

  //   for (let i = 0; i < 12; i++){

  //     rotate(30);

  //     ellipse(71,71,52,52);

  //   }

  //   pop();

​

  //   push();

  //   translate(width/2, height/2);

​

  //   for (let i = 0; i < 12; i++){

  //     rotate(30);

  //     ellipse(120,120,88,88);

  //   }

  //   pop();

​

  //   push();

  //   translate(width/2, height/2);

​

  //   for (let i = 0; i < 12; i++){

  //     rotate(30);

  //     ellipse(204,204,150,150);

  //   }

  //   pop();

​

  //   push();

  //   translate(width/2, height/2);

​

  //   for (let i = 0; i < 12; i++){

  //     rotate(30);

  //     ellipse(346,346,253,253);

  //   }

  //   pop();

​

  //   push();

  //   fill(0)

  //   translate(width/2, height/2);

  //   ellipse(0,0,6,6);

  //   pop();

}

​