var y = 0; 

var g = 50; 

var colore = ('#ffcc00'); // current grid color

​

function setup() {

  createCanvas(500, 500);

  background('#ffd633');

  strokeJoin(ROUND);

}

​

function draw() {

  preparaQuadretto();

  strokeWeight(g / 5);

  if (testa()) {

    line(x * g, height - g * y, x * g + g, height - g * y - g);

  } else {

    line(x * g, height - g * y - g, x * g + g, height - g * y);

  }

  x++;

  if (x * g >= width) {

    x = (255, 175, 0);

    y++;

    preparaRiga();

  }

  if (y * g >= height) {

    y = (215, 200, 0);

    colore = ('#fad225');

    g = 25 + random(width);

    preparaRiga();

  }

}

​

function mousePressed() {

clear();

}

​

function testa() {

  if (random(4) <= 1) {

    return (true);

  } else {

    return (false);

  }

}

​

function preparaRiga() {

}

​

function preparaQuadretto() {

  fill(colore);

  noStroke();

  rect(x * g, height - g * (y + random(1,9)), g - 1, g - 1);

  rect(x*g,height-g*(y+5),g-(g/15),g-(g/15));

  stroke ('#f0b814');

}

​

function windowResized() {

  resizeCanvas(500, 500);

}