let theta1 = 0;

let theta2 = 0;

let r = 30;

let r1 = 30;

let r2 = 20;

​

function setup() {

  createCanvas(400, 400);

  angleMode(DEGREES);

  background(255);

  strokeWeight(4);

}

​

function draw() {

​

  if (theta < 180) {

    translate(width / 2, height - 50);

    point((r + 10) * cos(theta + 90), (r) * sin(theta + 90));

    theta += 1;

  } else if (theta1 < 180) {

    translate(width / 2, height - 50 - 60);

    point((r1 + 10) * cos(-theta1 + 90), r1 * sin(-theta1 + 90));

    theta1 += 1;

  } else if (theta2 < 180) {

    translate(width / 2, height - 50 - 60 - 50);

    point((r2 + 10) * cos(theta2 + 90), (r2) * sin(theta2 + 90));

    theta2 += 1;

  }else{

    background(255);

    theta = 0;

    theta1 = 0;

    theta2 = 0;

  }

}