JSFiddle - React, Tailwind, and code Playground

by Therm

HTML

<canvas id="c" width="640" height="600"></canvas>

JavaScript

// An animation similar to Conway's Game of Life, using house-tessellations.
// B2/S23

var world;
var worldnp1;
var intervalTime = 1000;

var canvas = document.getElementById('c');
var context = canvas.getContext('2d');

var x = 32;
var y = 32;

var width = 20; // width of house
var height = 15; // height of house base
var theight = 5; // height of house roof
var deadC = '#3300FF';
var aliveC = '#00CCFF';

function initWorld() {
    world = new Array(x * y);

    /* Still life - box
        world[x/2 * y + y/2 + 1] = 1;
        world[x/2 * y + y/2] = 1;
        world[x/2 * y + y/2 + y] = 1;
        world[x/2 * y + y/2 + y + 1] = 1;
    */

    /* Still life - House
        world[x/2 * y + y/2 - y] = 1;
        world[x/2 * y + y/2 + 1] = 1;
        world[x/2 * y + y/2 - 1] = 1;
        world[x/2 * y + y/2 + y] = 1;
        world[x/2 * y + y/2 + y+1] = 1;
    */

    // Finite oscilator - Found by http://codegolf.stackexchange.com/users/20080/isaacg
    /*
    world[x/2 * y + y/2 + 1] = 1;
    world[x/2 * y + y/2] = 1;
    world[x/2 * y + y/2 - y] = 1;
    world[x/2 * y + y/2 - y + 1] = 1;
    world[x/2 * y + y/2 + 1*y + 2] = 1;
    world[x/2 * y + y/2 + 1*y + 3] = 1;
    world[x/2 * y + y/2 + 2*y + 2] = 1;
    world[x/2 * y + y/2 + 2*y + 3] = 1;
    */

    // Spaceship/glider: "Toad" - Found by http://codegolf.stackexchange.com/users/20080/isaacg
    /*
    world[x / 2 * y - y / 2 - 1] = 1;
    world[x / 2 * y - y / 2] = 1;
    world[x / 2 * y + y / 2] = 1;
    world[x / 2 * y + y / 2 + 1] = 1;
    world[x / 2 * y + y / 2 + 1 * y] = 1;
    world[x / 2 * y + y / 2 + 1 * y + 1] = 1;
    world[x / 2 * y + y / 2 + 2 * y] = 1;
    world[x / 2 * y + y / 2 + 2 * y + 1] = 1;
    world[x / 2 * y + y / 2 + 3 * y] = 1;
    world[x / 2 * y + y / 2 + 3 * y + 1] = 1;
    world[x / 2 * y + y / 2 + 4 * y] = 1;
    world[x / 2 * y + y / 2 + 4 * y - 1] = 1
    */

    // Glider v2 : Found by http://codegolf.stackexchange.com/users/8478/martin-b%C3%BCttner
    /*
    world[x / 2 *...