var y = [];

var n = 100;

​

function setup() {

  createCanvas(596,596);

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

    var rn = (random(0,1) < 0.5) ? 0 : 1;

    var rm = (random(0,1) < 0.5) ? 0 : 1;

    x.push(rn)

    y.push(rm)

}}

​

function draw() {

  background(0);

  textFont("Arial",24);

  textAlign(CENTER);

  push();

  translate(-2,-2);

  var spacing = 30;

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

    var px = i*spacing;

    var py = i*spacing;

    noStroke();

    //text(x[i],px,-10);

    //draws the dashes and gaps

    stroke(255,255,0);

    strokeWeight(4);

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

      if(j%2 != x[i]){

        var jy0 = (j+0)*spacing;

        var jy1 = (j+1)*spacing;

        line(px,jy0,py,jy1);}

    }

  }

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

    var px = i*spacing;

    var py = i*spacing;

    noStroke();

    //text(x[i],-10,py);

    //draws the dashes and gaps

    stroke(255,0,25);

    strokeWeight(4);

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

      if(j%2 != x[i]){

        var jx0 = (j+0)*spacing;

        var jx1 = (j+1)*spacing;

        line(jx0,py,jx1,px);}

    }

  }

  pop();

}