life-app

Conway's Game of Life Application

Usage no npm install needed!

<script type="module">
  import lifeApp from 'https://cdn.skypack.dev/life-app';
</script>

README

Conway's Game of Life

npm GitHub

This is a Javascript implementation of Conway's Game of Life.

Click here to start the Life simulation.

Instructions

Click "Pause" to stop the simulation. Once paused, you can save the life board by clicking "Save" and copying the "Load" link. Also, in the paused state, you can toggle any cell of the life board by clicking on it. Click "Play" to restart the simulation.

Click "Random" to randomize the life board. Click "Clear" to clear the life board.

Click "Background and "Cell" to cycle through background and cell colors. Click "Border" to toggle the border around the life board. Click "Reset" to restore colors and border to defaults.

You can increase or decrease the speed of the simulation by clicking the "Speed" controls. Update the size of the life board by clicking the "Width" and "Height" controls. Increase or decrease the size of the life board cells by clicking the "Size" controls.

To customize the simulation, such as changing the cell color, refer to the configuration options.

Examples

Development

life-app is an Element Application. It is developed using javascript-build and it was started using javascript-template:

template-specialize javascript-template/template/ life-app/ -k package life-app -k name 'Craig A. Hobbs' -k email 'craigahobbs@gmail.com' -k github 'craigahobbs'