let x2, y2; // top right circle

let x3, y3; // bottom left circle

let x4, y4; // bbottom right circle

​

function setup() {

  createCanvas(400, 400);

​

  // Center of canvas

  x1 = width / 2;

  y1 = height / 2;

  x2 = width / 2;

  y2 = height / 2;

  x3 = width / 2;

  y3 = height / 2;

  x4 = width / 2;

  y4 = height / 2;

}

​

function draw() {

  background(220);

​

  // Circle moving top left corner

  fill(255);

  ellipse(x1, y1, 20, 20);

  x1 -= 1; // Move left

  y1 -= 1; // Move up

​

  // Circle moving top right corner

  fill(255);

  ellipse(x2, y2, 20, 20);

  x2 += 1; // Move right

  y2 -= 1; // Move up

​

  // Circle moving bottom left corner

  fill(255);

  ellipse(x3, y3, 20, 20);

  x3 -= 1; // Move left

  y3 += 1; // Move down

​

  // Circle moving bottom right corner

  fill(255);

  ellipse(x4, y4, 20, 20);

  x4 += 1; // Move right

  y4 += 1; // Move down

}

​