var boolDoRefresh;

var rx;

var ry;

var n;

var circlesX = [];

var circlesY = [];

​

function setup() {

  createCanvas(500, 500);

}

​

function mousePressed() {

  circlesX = [];

  circlesY = [];

  n = int(random(1, 8));

  for (i = 0; i < n; i++) {

    rx = int(random(0, length));

    ry = int(random(0, length));

    circlesX.push(rx);

    circlesY.push(ry);

  }

}

​

function draw() {

  background(250);

  for (i = 0; i < length; i++) { 

    for (j = 0; j < length; j++) {

      strokeWeight(2);

      fill(250);

      square(50*i, 50*j, 45);

    }

  }

  for (k = 0; k < circlesX.length; k++) {

    strokeWeight(0);

    fill(250);

    square(50*circlesX[k]-1, 50*circlesY[k]-1, 47);

    strokeWeight(4);

    fill(250);

    circle(25+50*circlesX[k], 25+50*circlesY[k], 30);

  }

}