let CircleY = 200;

let CircleX2 = 200;

let CircleY2 = 200;

​

​

function setup() {

  createCanvas(400, 400);

}

​

function draw() {

  let z = mouseX/100;

  let a = mouseX/100;

  let b = mouseY/200;

  let d = 1;

  background(255);

  if (b < 1){

    d = -1;

  }

  if (b > 1) {

    d = 1;

       }

  //right

  fill('red');

  circle(CircleX + (z * d)*100, height/2, 50);

  //left

  fill('blue');

  circle(CircleX2, height/2, 50); 

  //down

  fill('green');

  circle(width/2, CircleY, 50);

  //up

  fill('yellow');

  circle(width/2, CircleY2, 50);

  //bottomright

  fill('orange');

  circle(CircleX, CircleY, 50);

  //topleft

  fill('magenta');

  circle(CircleX2, CircleY2, 50);

  //topright

  fill('black');

  circle(CircleX, CircleY2, 50);

  //bottomleft

  fill('white');

  circle(CircleX2, CircleY, 50);

  CircleX = CircleX + (z * d);

  CircleY = CircleY + (a * d);

  CircleX2 = CircleX2 - (z * d);

  CircleY2 = CircleY2 - (a * d);

}