​

function setup() {

  createCanvas(400, 400);

  for (var i = 0; i < 20; i++){

    for (var j = 0; j < 20; j++){

      blocks[i] = new Thing(i*30,j*30);

    }

  }

}

​

function draw() {

  background(255);

  for (var i = 0; i < blocks.length; i++){

    for (var j = 0; j < blocks.length; j++){

    blocks[i].draw(i*30,j*30);

    }

  }

}

​

​

class Thing {

  constructor(x,y) {

    this.x = x;

    this.y = y;

    this.selection = [...Array(25)].map(e=>Math.round((Math.random()*1)))

  }

  draw(x,y){

    noStroke();

    var counter = 0;

    for (var i = 0; i < 5; i++){  

      for (var j = 0; j < 5; j++){

        counter++;

        if(this.selection[counter] == 1){

          fill(0);

        }

        else{

          fill(255);

        }

        rect(i*5+x,j*5+y,5,5);

      }

    }

  }

}

​