Conway's Game of Life

Using Javascript/jQuery, I've developed a visualization of Conway's Game of Life

The universe of the Game of Life is an infinite two-dimensional orthogonal grid of square cells, each of which is in one of two possible states, alive or dead. Every cell interacts with its eight neighbors, which are the cells that are horizontally, vertically, or diagonally adjacent. At each step in time, the following transitions occur:

• Any live cell with fewer than two live neighbors dies, as if caused by under-population.
• Any live cell with two or three live neighbors lives on to the next generation.
• Any live cell with more than three live neighbors dies, as if by overcrowding.
• Any dead cell with exactly three live neighbors becomes a live cell, as if by reproduction.

The initial pattern constitutes the seed of the system. The first generation is created by applying the above rules simultaneously to every cell in the seed — births and deaths occur simultaneously, and the discrete moment at which this happens is sometimes called a tick (in other words, each generation is a pure function of the preceding one). The rules continue to be applied repeatedly to create further generations.

For my portfolio and contact information please visit: Will Warren

Objectives

1. Get comfortable using event handlers and writing in Javascript.
2. Implement a mathematical theory via code. Consider thinking about the function names in terms of worlds or ticks instead of cells. Look for different solutions.

How to run

1. Clone this repository
2. Open it's absolute path in your web browser

or

See it live: Conway's Game of Life

3. Select inital population by turning cells blue.
4. Click start and watch it go!
5. Click 'stop' before clearing board..

Files

1. README.md

• this file

2. index.html

3. css

• main.css, stylesheet

4. js

• gameoflife.js,

Notes

• At times, the ability to start a new evolution doesn't work smoothly.