Draggable Multi Selection

var dragging = false;

var mX = 0;
var mY = 0;

function setup() {
    createCanvas(1200, 900);
}

function draw() {
  background(50);


  if (dragging) {
    strokeWeight(1);
    stroke(61, 168, 255);
    fill(61, 168, 255, 80);

    if (mouseX < mX && mouseY < mY) {
      rect(mouseX, mouseY, dist(mX, mY, mouseX, mY), dist(mX, mY, mX, mouseY));
    } else if (mouseX < mX) {
      rect(mouseX, mY, dist(mX, mY, mouseX, mY), dist(mX, mY, mX, mouseY));
    } else if (mouseY < mY) {
      rect(mX, mouseY, dist(mX, mY, mouseX, mY), dist(mX, mY, mX, mouseY));
    } else {
      rect(mX, mY, dist(mX, mY, mouseX, mY), dist(mX, mY, mX, mouseY));
    }
    line(mX, mY, mouseX, mY);
    line(mX, mY, mX, mouseY);
    line(mouseX, mY, mouseX, mouseY);
    line(mX, mouseY, mouseX, mouseY);
    stroke(0);
    fill(255);
  }
}

function mouseDragged() {
  console.log("Dragging");
  dragging = true;
}

function mousePressed() {
  console.log("Clicked");
  mX = mouseX;
  mY = mouseY;
}

function mouseReleased() {
  console.log("Released");
  dragging = false;
}