let shapeColor;

let rectX = 200;

let rectY = 200;

let rectXspeed = 5;

let rectYspeed = 2;

let ellipseX = 100;

let ellipseY = 100;

let ellipseXspeed = 2;

let ellipseYspeed = 5;

​

function setup() {

  createCanvas(400, 400);

  bg = color(255);

  shapeColor = color(0);

  setInterval(changeColors, 1000);

}

​

function draw() {

  background(bg);

  fill(shapeColor);

  rect(rectX, rectY, 50, 50);

  ellipse(ellipseX, ellipseY, 30, 30);

  rectX += rectXspeed;

  rectY += rectYspeed;

  ellipseX += ellipseXspeed;

  ellipseY += ellipseYspeed;

  if (rectX < 0 || rectX > width - 50) {

    rectXspeed *= -1;

  }

  if (rectY < 0 || rectY > height - 50) {

    rectYspeed *= -1;

  }

  if (ellipseX < 0 || ellipseX > width) {

    ellipseXspeed *= -1;

  }

  if (ellipseY < 0 || ellipseY > height) {

    ellipseYspeed *= -1;

  }

}

​

function changeColors() {

  // Change the background color to a random color

  bg = color(random(255), random(255), random(255));

  // Change the shape color to a random color

  shapeColor = color(random(255), random(255), random(255));

}

​