let rEdge = x + w;

  let bEdge = y + h;

  if (mouseX > x && mouseX < rEdge && mouseY > y && mouseY < bEdge) {

    fill(255, 190, 0);

  } else {

    fill(255);

  }

  rect(x, y, w, h);

}

​

let rects = [

  { x: 20, y: 20, w: 210, h: 20 },

  { x: 20, y: 60, w: 210, h: 40 },

  { x: 20, y: 120, w: 210, h: 80 },

  { x: 20, y: 220, w: 210, h: 160 },

  { x: 250, y: 20, w: 40, h: 200 },

  { x: 250, y: 240, w: 40, h: 140 },

  { x: 310, y: 20, w: 70, h: 140 },

  { x: 310, y: 180, w: 70, h: 200 },

];

​

function setup() {

  createCanvas(windowWidth, windowHeight);

}

​

function draw() {

  background(220, 10, 120);

​

  for (let r of rects) {

    rectHover(r.x, r.y, r.w, r.h);

  }

}

​