let r = 0;

let gap = 0;

let s = 0;

​

function setup() {

  createCanvas(400, 400);

  angleMode(DEGREES);

}

​

function draw() {

  background(0);

  fill(255);

​

  translate(width / 2, height / 2);

  rotate(r);

​

  arc(0, gap, s, s, 0, 180);

  arc(0, gap * -1, s, s, 180, 0);

​

  switch (num) {

​

    case 0:

​

      if (s < 250) {

        s+=2;

      }

​

      break;

​

    case 1:

      if (gap < 10) {

        gap++;

      }

​

      break;

          case 2:

      if (gap < 260) {

        gap++;

        s+=2;

        if (r < 90){

          r++

        }

      }

​

      break;

  }

​

}

​

function mousePressed() {

  num++;

  if (num > 2) { // reset variables to their default values when num is greater than 1

    num = 0;

    r = 0;

    gap = 0;

    s = 100;

  }

}