Conway's Game Of Life (Libraryless)

Click a cell to toggle its state at any time

Frame drawing time in ms (FPS)
with samples
current worst average

Pattern

Evolution

Speed

delay (ms)

Size

Rows

Columns

Cell size px

Display number of neighbours

This version has no dependecies and uses the exact same models as the React and Angular versions. It's written entirely in CoffeeScript as I favour its cleaner syntax (no curly braces, less brackets, ...).

The interactive elements are built using very basic objects responsible for rendering their current state, much like React's way. I wait for the HTML to render to attach these visual/model binding objects onto their respective tags.

The controller is very much like the React and Angular implementations so the real difference here is the layer replacing the role of the well known libraries.

I didn't use any scaffolding tool and forced myself to get more acquainted with Webpack and Gulp.

It's worth mentioning that the production version of this implementation is under 25kB, roughly 10x less than the others.