Author: Roberto Aleman, ventics.com , license: GPL v3

LifeGrid is a 2D cellular automaton that simulates the game of life.

This implementation demonstrates a 2D cellular automaton, specifically the "Game of Life," visualized using the HTML5 <canvas> element and JavaScript. It provides a dynamic, in-browser simulation of this classic computational model.

Example of cellular simulation


Key Features:

• 2D Grid Simulation:
  • The core of this version is a 2D grid where each cell can be in one of two states: alive or dead.
  • The evolution of these cells follows the rules of the "Game of Life," determining the next state of each cell based on its neighbors.
• Dynamic Canvas Rendering:
  • Instead of generating static images, this version uses the <canvas> element to draw the cells directly onto the web page.
  • This allows for a smooth, real-time visualization of the automaton's evolution, without requiring page reloads.
• JavaScript Implementation:
  • The logic of the cellular automaton, including the rules and the rendering, is implemented in JavaScript.
  • This makes it compatible with modern web browsers, enabling users to run the simulation directly in their browser.
• Performance Optimization:
  • The use of requestAnimationFrame() ensures efficient animation, updating the canvas at a rate that is optimized for the browser's refresh rate.
  • The use of clearRect, only redraws the elements that have changed.
• Educational Tool:
  • This version serves as an interactive educational tool for understanding cellular automata and the "Game of Life."
  • It allows users to observe how simple rules can lead to complex and emergent patterns.

Technical Details:

• The <canvas> element provides a pixel-based drawing surface, allowing for precise control over the visual representation of the cells.
• Javascript is used to manipulate the states of the cells, and to draw the cells into the canvas element.
• The game of life rules, are implemented, in the javascript code.

In essence, this version provides a clear and interactive way to explore the behavior of a 2D cellular automaton, demonstrating the principles of emergent behavior and dynamic systems within a web browser environment.