// https://en.wikipedia.org/wiki/Rule_30

// 

var playmode = true;

var lastUpdate = 0;

var speed = 30; // Higher number == slower speed 

​

​

function setup() {

  createCanvas(600,  600);

  generateGridcells(5); // cellsize 

  randomiseGridcells();

  //centerCell();

​

}

​

function draw() {

  //background(220);

  drawGridcells();

  if (playmode && millis() > lastUpdate){

    lastUpdate = millis() + speed;

    updateGridcells();

  }

}

​

​

​

function keyPressed(){

  if(key == 'p'){

    playmode = !playmode;

  }

  if (key == 'r'){

    playmode = false;

    randomiseGridcells();

  }

  if (key == 'c'){

    playmode = false;

    clearGridcells();

  }

}