// used to create the background

const CELL_SIZE_H = 20; 

const CELL_SIZE_V = 20; 

let col_dim;

let row_dim;

let rows;

let cols;

const twoDArray = [];

let nums = ['0', '1'];

​

function setup() {

  frameRate(20);        // reducing the frame rate to make the animation more appealing

  createCanvas(800, 800);

  // calculating the number of rows and columns from the canvas width and height

  col_dim = width;

  row_dim = height;

  rows = row_dim / CELL_SIZE_V;

  cols = col_dim / CELL_SIZE_H;  

  // creating a two dimensional array to hold either 0s or 1s

  for (let i = 0; i < rows; i++) {

    twoDArray[i] = []; 

    for (let j = 0; j < cols; j++) {

      twoDArray[i][j] = random(nums); 

    }

  }

  // centering the value in its cell and setting color to green

  textAlign(CENTER, CENTER);

  fill(0,255,0);

  // printing text to screen

  for (let i = 0; i < rows; i++) {

    for (let j = 0; j < cols; j++) {

      text(twoDArray[i][j], (CELL_SIZE_H / 2) + (j*CELL_SIZE_H), (CELL_SIZE_H / 2) + (i*CELL_SIZE_H));

    }

  }

}

​

function draw() {

  // setting the background to black

  background(0);

  // reassigning the values of each cell to create illusion and printing value to screen

  for (let i = 0; i < rows; i++) {

    for (let j = 0; j < cols; j++) {

      twoDArray[i][j] = random(nums); 

      text(twoDArray[i][j], (CELL_SIZE_H / 2) + (j*CELL_SIZE_H), (CELL_SIZE_H / 2) + (i*CELL_SIZE_H));

    }

  }

}

​