let y1, y2, y;

​

let speed = 2;

​

function setup() {

  createCanvas(400, 235);

  //starting positions

  x1 = x2 = x = width/2;

  y1 = y2 = y = height/2;

  //x2 = width/2;

  //y2 = height/2;

  // x = width/2;

  // y = height/2;

  // ratiospeed = height/width

}

​

function draw() {

  background(220);

  circle(x1, y1, 25); //top right circle

  circle(x1, y2, 25); //bottom right circle

​

  circle(x2, y1, 25); //top left circle

  circle(x2, y2, 25); // bottom left circle

​

  circle(x1, y, 25); //right circle

  circle(x2, y, 25); //left circle

​

  circle(x, y1, 25); //top circle

  circle(x, y2, 25); //bottom circle

  x1 += width/width*speed; //speed of right movement

  x2 -= width/width*speed; //speed of left movement

  y1 -= height/width*speed; //speed of up movement

  y2 += height/width*speed; //speed of down movement

}