let CANVAS_WIDTH = 600;

let CANVAS_HEIGHT = 600;

let ALPHA = 110;                            // controls amount of transparency of colors

let numOfRows = 10;

let numOfCols = 10;

let CELL_WIDTH = CANVAS_WIDTH / numOfCols;  // calculating cell width

let CELL_HEIGHT =CANVAS_HEIGHT / numOfRows; // calculating cell height

let displacementSpeed = 5;

let resetSpeed = 0.5;

let offset = 0;                            // adjusts the size of tiles

let listOfTiles = [];                       // holds list of tiles

​

​

function setup() {

  createCanvas(CANVAS_WIDTH, CANVAS_HEIGHT);

  // seeding the random number generator

  randomSeed(new Date().getTime());

  // creating tile objects

  for(let i = 0; i < CANVAS_HEIGHT; i += CELL_HEIGHT) {

    for(let j = 0; j < CANVAS_WIDTH; j += CELL_WIDTH) {

      listOfTiles.push(new Tile(j, i));

    }

  }

}

​

function draw() {

  background(255);

  // drawing tile objects to the canvas

  for(const tile of listOfTiles) {

    tile.draw();

  }

}