let b1;

let b2;

let b3;

let reverseMotion = false;

let reverseMotion2 = false;

function setup() {

  createCanvas(400, 800);

  b1 = height;

  b2 = b1 - r * .2;

  b3 = b2 - r * .2;

}

​

function draw() {

  background(253,245,235);

  strokeWeight(0)

  fill(75,81,97);

  ellipse(width/2, b3, r, r* 0.6)

  fill(82,182,222);

  ellipse(width/2, b2, r, r* 0.6)

  fill(245,139,68);

  ellipse(width/2, b1, r, r* 0.6)

  if(b1 < height - r* 0.2){

    reverseMotion = true;

  }

  if(b1 > height){

    reverseMotion = false;

  }

  if(b1 < height - r * 0.125){

    reverseMotion2 = false;

    b2 -= 0.5;

  }

  if(reverseMotion && b1 > height - r * 0.10){

    reverseMotion2 = true;

    b2 += 0.5;

  }

  if(b2 < height - r * 0.3){

    b3 -= 0.5;

  }

  if( reverseMotion2 && b2 > height - r * 0.40){

    b3 += 0.5;

  }

  if(reverseMotion){

    b1 += 0.5;

  }else{

    b1 -= 0.5;

  }

}