let rectX, rectY, Xloc;

let change, angle;

​

function setup() {

  createCanvas(400, 400);

  background(240);

  r = 0;

  g = 0;

  b = 0;

  rectX = 20;

  rectY = 20;

  Xloc = 100;

  change = 20;

  angle = PI;

}

​

function draw() {

  ellipse(100+20*sin(angle),100, Xloc,Xloc);

  Xloc -= 0.1;

  angle += 0.1;

  // print(Xloc);

}

​

function mousePressed() {

  r = random(255);

  g = random(255);

  b = random(255);

  rectMode(CENTER);

  noStroke();

  fill(r,g,b);

  rect(width/2, height/2,rectX, rectY);

  rectX = rectX + change;

  rectY = rectY + change;

  if (rectX>400 || rectX<20) {

    change = change * -1;

  }

  // print(rectX);

}

​

​