QuadrantArt2

function setup() {
  createCanvas(600, 600);
  background(0);
}
function draw() {
  translate(width/2,width/2)//set the origin at (0,0)
  strokeWeight(0.2);
  if (mouseIsPressed) {//condition for when mouse is pressed
    background(0)
  } else {
    stroke(255);
    fill(255,255,255,10)
  }

   circle(mouseX-width/2,mouseY-width/2,2)//circle based on mouse location
  if((mouseX-width/2)<=0&&mouseY-width/2<=0){//Quadrant 2 condition
    line(-width/2,-width/2,mouseX-width/2,mouseY-width/2)
  } if((mouseX-width/2)>0&&mouseY-width/2<0){//Quadrant 1 condition
    line(width/2,-width/2,mouseX-width/2,mouseY-width/2)
  }if((mouseX-width/2)>0&&mouseY-width/2>=0){//Quadrant 4 condition
    line(width/2,width/2,mouseX-width/2,mouseY-width/2)
  }if((mouseX-width/2)<=0&&mouseY-width/2>=0){//Quadrant 3 condition
    line(-width/2,width/2,mouseX-width/2,mouseY-width/2)
  }
}