8x8 grid

class Hasher {

  constructor(_x, _y, _size) 

  {

    this.x = _x;

    this.y = _y;

    this.size = _size;

    var numH = 2;

    var numV = 6;

    var angH = 0;

    var angV = 0;

    var mode = 0;

    this.update();

  }

  update()

  {

    var tmp;

    this.mode = (int)(random(1., 5.));

    switch (this.mode)

    {

        case 2:

            this.penH = random(0.01, 0.02);

​

            this.numH = (int)(random(1, 10.));

            break;

        case 3:

            this.penH = random(0.01, 0.03);

​

            this.numH = (int)(random(1, 10.));

            break;

        case 4:

            this.penH = random(0.01, 0.02);

​

            this.lenH = random(1.0);

            this.numH = (int)(random(1, 8.));

            break;

        default:

            this.numH = random(1, 10);

            this.numV = random(1, 10);

            this.lenH = random(0.2, 1.0);

            this.lenV = random(0.2, 1.0);

            this.penH = random(0.01, 0.03);

            this.penV = random(0.01, 0.03);

            break;

    }

  }

  draw() 

  {

    stroke(60, 60, 60);

    noFill();

    let sz = this.size * 0.03;

    strokeWeight(sz);

    rect(this.x, this.y, this.size, this.size);

    var tmpX, tmpV, tmpR;

​

    strokeWeight(this.size * this.penH);

​

    switch (this.mode)

    {

        case 2:

            tmpV = this.size / this.numH;

            for (let i = 0; i < this.numH; i++)

            {

                line((this.x + tmpV + (tmpV * i)) - (tmpV), this.y, (this.x + tmpV +                 (tmpV * i)) - (tmpV), this.y + (this.size));

            }

            break;

       case 3:

            tmpV = this.size / this.numH;

            for (let i = 0; i < this.numH; i++)

            {

                line(this.x, (this.y + (i * tmpV)) + (tmpV), this.x + (this.size),                   (this.y + (i * tmpV)) + (tmpV));

            }

            break;

      case 4:

            if (this.lenH > 0.75)

            {

                tmpV = this.size * 0.3;

                tmpX = this.size * 0.6;

                fill(230,230,230);

                rect(this.x + tmpX, this.y + tmpX, tmpV, tmpV);

                noFill();

                stroke(0,0,0);

                rect(this.x + tmpX, this.y + tmpX, tmpV, tmpV);

            } else

            {

                tmpV = this.size / this.numH;

                for (let i = 0; i < this.numH; i++)

                {

                    line(this.x, (this.y + (i * tmpV)) + (tmpV), this.x +                                 (this.size), (this.y + (i * tmpV)) + (tmpV));

                    line((this.x + tmpV + (tmpV * i)) - (tmpV), this.y, (this.x + tmpV + (tmpV * i)) - (tmpV), this.y + (this.size));

                }

            }

            break;

          default:

            tmpX = this.size / this.numV;

            for (let i = 0; i < this.numV; i++)

            {

              let defX = (this.x + tmpX + (tmpX * i)) - (tmpX / 2);

              if (defX < this.x + this.size)

                line(defX, this.y, defX, this.y + (this.size * this.lenV));

            }

            tmpV = this.size / this.numH;

            for (let i = 0; i < this.numH; i++)

            {

              let defY = (this.y + (i * tmpV)) + (tmpV / 2);

              if (defY < this.y + this.size)

                line(this.x, defY, this.x + (this.size * this.lenV), defY);

            } 

            break;

    }

  }

}

let DIV = 8;

let hash = [];

var count = 0;

var randHit = 10;

var imgCnt = 0;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  var tmp = windowHeight;

  var d_div = 10;

  var d_xorg = (windowWidth / 2) - (tmp / 2) + ((tmp / DIV) * 0.15);

  var d_yorg =((tmp / DIV) * 0.15);

  var d_sz = (tmp / DIV) * 0.7;

  var d_offset = tmp / DIV;

  for (let i = 0; i < (DIV * DIV); i++)

    {

        hash[i] = new Hasher(d_xorg + (d_offset * (i % DIV)), d_yorg + (d_offset * (int)(i / DIV)), d_sz);

    }

}

​

function windowResized() {

        resizeCanvas(windowWidth, windowWidth);

      }

​

function draw() {

  background(250);

  for (let i = 0; i < (DIV * DIV); i++) hash[i].draw();

  if (this.count % this.randHit == 0)

  {

    let idx = (int)(random(64));

    hash[idx].update();

    //if (this.count < 100) saveCanvas(this.imgCnt.toString());

    //this.imgCnt++;

  }

  count++;

}