​

let numRows, numCols, cellSize, gutter;

let grid;

let wave;

​

class Cell {

  constructor(r,c,x,y) {

    this.row = r;

    this.col = c;

    this.x = x;

    this.y = y;

    this.origX = x;

    this.origY = y;

    this.size = cellSize;

    this.fill = color(0);

    this.timer = 0;

  }

  update(w) {

    if (this.timer > 0) {

      this.size = cellSize+this.timer;

      this.x = this.origX - this.timer/2;

      this.y = this.origY - this.timer/2;

      this.timer--; 

      console.log("yo");

      if (this.timer < 0) {

        this.timer = 0;

        this.x = origX;

        this.y = origY;

        this.size = cellSize;

      }

    }

    if (w.r == this.row && w.c == this.col) {

      this.timer = 50;

    }

  }

  draw () {

    noStroke();

    fill(this.fill);

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

  }

}

function setup() {

  numRows = 40;

  numCols = 40;

  cellSize = 20;

  gutter = 5;

  wave = {r:0,c:0};

​

  createCanvas(

    gutter+(gutter) * numCols + numCols * cellSize,

    gutter+(gutter) * numRows + numRows * cellSize

  );

  background(255);

  grid = [];

  let y = gutter;

  for (let r = 0; r < numRows; r++) {

    let x = gutter;

    grid[r] = [];

    for (let c = 0; c < numCols; c++) {

      grid[r][c] = new Cell(r,c,x,y);

      x += gutter + cellSize;

    }

    y += gutter + cellSize;

  }

}

​

​

function draw() {

  // console.log(wave);

  background(255);

  for (let r = 0; r < numRows; r++) {

    for (let c = 0; c < numCols; c++) {

      grid[r][c].update(wave);

      grid[r][c].draw();

    }

  }

  wave.r++;

  wave.c++;

  if (wave.r > numRows-1) wave.r = int(random(0,numRows));

  if (wave.c > numCols-1) wave.c = int(random(0,numCols));

}

​