let speed1, speed2;

function setup() {

  createCanvas(432, 333);

  x = width / 2;

  y = height / 2;

  x1 = width / 2;

  y1 = height / 2;

  x2 = width / 2;

  y2 = height / 2;

  x3 = width / 2;

  y3 = height / 2;

  x4 = width / 2;

  y4 = height / 2;

  x5 = width / 2;

  y5 = height / 2;

  x6 = width / 2;

  y6 = height / 2;

  x7 = width / 2;

  y7 = height / 2;

  speed1 = 1;

}

​

function draw() {

  background(220);

  // 1st

  ellipse(x, y, 20, 20);

  x = x - (width / height) * speed1;

  y = y - speed1;

  // 2nd

  ellipse(x1, y1, 20, 20);

  x1 = x1 + (width / height) * speed1;

  y1 = y1 - speed1;

  // 3th

  ellipse(x2, y2, 20, 20);

  x2 = x2 + (width / height) * speed1;

  y2 = y2 + speed1;

  // 4th

  ellipse(x3, y3, 20, 20);

  x3 = x3 - (width / height) * speed1;

  y3 = y3 + speed1;

  //5th

  ellipse(x4, y4, 20, 20);

  x4 = x4 - (width / height) * speed1;

  y4 = y4 + speed1;

  // 6th

  ellipse(x5, y5, 20, 20);

  x5 = x5 - (width / height) * speed1;

  y5 = y5 - speed1;

  // 7th

  ellipse(x6, y6, 20, 20);

  x6 = x6 + (width / height) * speed1;

  y6 = y6 - speed1;

  // 8th

  ellipse(x7, y7, 20, 20);

  x7 = x7 + (width / height) * speed1;

  y7 = y7 + speed1;

}

​