let y1, y2, y;

let speed = 2;

​

function setup() {

  createCanvas(400, 400);

  x1 = x2 = x = width / 2;

  y1 = y2 = y = height / 2;

  //x2 = width/2;

  //y2 = height/2;

  // x = width/2;

  // y = height/2;

}

​

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 = x1 + speed; //speed of right movement

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

  y1 = y1 - speed; //speed of upward movement

  y2 = y2 + speed; //speed of downward movement

  //make last circle faster, not sure how to move up

  // x += 10;

}

​