QuadrantArt

function setup() {
  createCanvas(600, 600);
}
function draw() {
  translate(width/2,width/2)//set the origin at (0,0)
  if (mouseIsPressed) {//condition for when mouse is pressed
    strokeWeight(0.2);
    stroke(255);
    fill(255,255,255,10)
    circle(mouseX-width/2,mouseY-width/2,20)//circle based on mouse location
  } else {
    strokeWeight(0.1)
    stroke(0, mouseY/3, mouseX/3);//color is based on mouse location
  }
  if((mouseX-width/2)<=0&&mouseY-width/2<=0){//Quadrant 2 condition
    line(-width/2,0,mouseX-width/2,mouseY-width/2)//line locations based on mouse
    line(0,0,mouseX-width/2,mouseY-width/2)
    line(-width/2,-width/2,mouseX-width/2,mouseY-width/2)
    line(0,-width/2,mouseX-width/2,mouseY-width/2)
  } if((mouseX-width/2)>0&&mouseY-width/2<=0){//Quadrant 1 condition
    line(width/2,0,mouseX-width/2,mouseY-width/2)
    line(width/2,-width/2,mouseX-width/2,mouseY-width/2)
    line(0,0,mouseX-width/2,mouseY-width/2)
    line(0,-width/2,mouseX-width/2,mouseY-width/2)
  }if((mouseX-width/2)>0&&mouseY-width/2>=0){//Quadrant 4 condition
    line(width/2,0,mouseX-width/2,mouseY-width/2)
    line(width/2,width/2,mouseX-width/2,mouseY-width/2)
    line(0,0,mouseX-width/2,mouseY-width/2)
    line(0,width/2,mouseX-width/2,mouseY-width/2)
  }if((mouseX-width/2)<=0&&mouseY-width/2>=0){//Quadrant 3 condition
    line(-width/2,0,mouseX-width/2,mouseY-width/2)
    line(0,0,mouseX-width/2,mouseY-width/2)
    line(-width/2,width/2,mouseX-width/2,mouseY-width/2)
    line(0,width/2,mouseX-width/2,mouseY-width/2)
  }
}