createCanvas(displayWidth, displayHeight);

}

​

function draw() {

  background(220);

  fill("red");

  let p1x,p1y,p2x,p2y;

  if(mouseX<displayWidth/4)

  {

    p1x=map(mouseX,0,displayWidth/4,-200,0);

  }

  else

  {

    p1x=map(mouseX,displayWidth/4,displayWidth,0,200);

  }

  if(mouseY<displayHeight/4)

  {

    p1y=map(mouseY,0,displayHeight/4,-200,0);

  }

  else

  {

    p1y=map(mouseY,displayHeight/4,displayHeight,0,200);

  }

  if(mouseX<3*displayWidth/4)

  {

    p2x=map(mouseX,0,3*(displayWidth/4),-200,0);

  }

  else

  {

    p2x=map(mouseX,3*(displayWidth/4),displayWidth,0,200);

  }

  if(mouseY<3*displayHeight/4)

  {

    p2y=map(mouseY,0,3*(displayHeight/4),-200,0);

  }

  else

  {

    p2y=map(mouseY,3*displayHeight/4,displayHeight,0,200);

  }

  circle(p1x+displayWidth/4,p1y+displayHeight/4,50);

  circle(p2x+3*displayWidth/4,p2y+3*displayHeight/4,50);

  fill("black");

  circle(displayWidth/4,displayHeight/4,50);

  circle(3*displayWidth/4,3*displayHeight/4,50);

}