createCanvas(800, 1000);

}

​

function draw() {

  background(0);

​

​

  noFill();

  strokeWeight(100);

  stroke(255);

  endShape();

  strokeCap(ROUND);

  //ANIMATION

  push();

  translate(width/2,height/2);

  rotate(frameCount*0.012)

  //TOP LEFT

  push();

  translate(-250,-250);

  arc(0,0,400,400,0,HALF_PI);

  pop();

  //TOP RIGHT

  push();

  translate(-150,-250);

  arc(400,0,400,400,HALF_PI,PI);

  pop();

  //BOTTOM RIGHT

  push();

  translate(-150,-150);

  arc(400,400,400,400,PI,HALF_PI+PI);

  pop();

  //BOTTOM LEFT

  push();

  translate(-250,-150);

  arc(0,400,400,400,PI+HALF_PI,TWO_PI);

  pop();

  //CIRCLE

  pop();

  push();

  noStroke();

  fill(255);

  ellipse(680,780,150);

  pop();

}