var y = 0;

var changeX = 2;

var changeY = 1;

​

var x1 = 100;

var y1 = 50;

var changeX1 = 3;

var changeY1 = 1;

​

var x2 = 300;

var y2 = 100;

var changeX2 = 4;

var changeY2 = 1;

​

function setup() {

  createCanvas(400, 400);

  noStroke();

  fill(255);

}

​

function draw() {

  background(245, 176, 213, 5);

  //Ellipse #1

  ellipse(x, y, 50, 50);

  x = x + changeX;

  y = y + changeY;

  changeY = changeY + 0.2;

  if(x > 400){

    changeX = -2;

  }

  if(x < 0){

    changeX = 2;

  }

  if(y > 400){

    changeY = -changeY

  }

  if(y < 0){

    changeY = 1

  }

  if(x === x1 && y === y1){

    changeX = -changeX;

  }

  if(x === x2 && y === y2){

    changeX = -changeX;

  }

​

  //Ellipse #2

  ellipse(x1, y1, 50, 50);

  x1 = x1 + changeX1;

  y1 = y1 + changeY1;

  changeY1 = changeY1 + 0.2;

  if(x1 > 400){

    changeX1 = -3;

  }

  if(x1 < 0){

    changeX1 = 3;

  }

  if(y1 > 400){

    changeY1 = -changeY1

  }

  if(y1 < 0){

    changeY1 = 1

  }

  //Ellipse #3

  ellipse(x2, y2, 50, 50);

  x2 = x2 + changeX2;

  y2 = y2 + changeY2;

  changeY2 = changeY2 + 0.2;

  if(x2 > 400){

    changeX2 = -4;

  }

  if(x2 < 0){

    changeX2 = 4;

  }

  if(y2 > 400){

    changeY2 = -changeY2

  }

  if(y2 < 0){

    changeY2 = 1

  }

}

​

​

​

​