createCanvas(400, 400);

  rectMode(CENTER);

}

​

function draw() {

  background(220);

  noStroke();

  interaktivniKvadrat(200, 200, 200, "yellow", "gray");

  interaktivniKvadrat(100, 70, 100, "red", "gray");

  interaktivniKvadrat(320, 340, 50, "blue", "black");

  interaktivniKvadrat(340, 50, 40, "#ff1dff", "gray");

​

}

​

function interaktivniKvadrat(x, y, sirina, bojaUpaljen, bojaUgasen) {

  let d = sirina/2;

  if (mouseX > x - d  && 

      mouseX < x + d && 

      mouseY > y - d && 

      mouseY < y + d) {

    fill(bojaUpaljen);

  } else {

    fill("gray");

  }

  square(x, y, sirina);

}