https://github.com/andrewjbateman/javascript-cellular-automata

:clipboard: Javascript used to produce an automata; a regular grid of cells, each one in a finite number of states. Code from Youtube Cellular Automata Pair Programming FunFunFunction #49 (see Inspiration below).
https://github.com/andrewjbateman/javascript-cellular-automata

automata css html5 javascript tutorial-code

Last synced: 5 months ago
JSON representation

:clipboard: Javascript used to produce an automata; a regular grid of cells, each one in a finite number of states. Code from Youtube Cellular Automata Pair Programming FunFunFunction #49 (see Inspiration below).

• Host: GitHub
• URL: https://github.com/andrewjbateman/javascript-cellular-automata
• Owner: AndrewJBateman
• Created: 2018-10-27T06:17:42.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2021-06-25T11:06:06.000Z (almost 5 years ago)
• Last Synced: 2024-12-27T02:45:02.896Z (over 1 year ago)
• Topics: automata, css, html5, javascript, tutorial-code
• Language: HTML
• Homepage:
• Size: 191 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# :zap: Javascript Cellular Automatia

* Javascript used to produce an automata; a regular grid of cells, each one in a finite number of states. Code from [Youtube Cellular Automata - Pair Programming - FunFunFunction #49](https://www.youtube.com/watch?v=bc-fVdbjAwk)

* **Note:** to open web links in a new window use: _ctrl+click on link_

![GitHub repo size](https://img.shields.io/github/repo-size/AndrewJBateman/javascript-cellular-automata?style=plastic)

![GitHub pull requests](https://img.shields.io/github/issues-pr/AndrewJBateman/javascript-cellular-automata?style=plastic)

![GitHub Repo stars](https://img.shields.io/github/stars/AndrewJBateman/javascript-cellular-automata?style=plastic)

![GitHub last commit](https://img.shields.io/github/last-commit/AndrewJBateman/javascript-cellular-automata?style=plastic)

## :page_facing_up: Table of contents

* [:zap: Javascript Cellular Automatia](#zap-javascript-cellular-automatia)

  * [:page_facing_up: Table of contents](#page_facing_up-table-of-contents)

  * [:books: General info](#books-general-info)

  * [:camera: Screenshots](#camera-screenshots)

  * [:signal_strength: Technologies](#signal_strength-technologies)

  * [:floppy_disk: Setup](#floppy_disk-setup)

  * [:computer: Code Examples](#computer-code-examples)

  * [:cool: Features](#cool-features)

  * [:clipboard: Status & To-Do List](#clipboard-status--to-do-list)

  * [:clap: Inspiration](#clap-inspiration)

  * [:envelope: Contact](#envelope-contact)

## :books: General info

* **What is cellular automata?:** Plural of cellular automaton; "_a collection of "colored" cells on a grid of specified shape that evolves through a number of discrete time steps according to a set of rules based on the states of neighboring cells. The rules are then applied iteratively for as many time steps as desired_."

## :camera: Screenshots

![Example screenshot](./img/automata.png)

## :signal_strength: Technologies

* [Google Chrome Javascript Engine v8](https://v8.dev/)

## :floppy_disk: Setup

* open `index.html` in browser

## :computer: Code Examples

* extract from `script.js` to alternate the class of a child node (just the colour of the cell is changed) using a random function

```javascript

function randomizeRow(rowDiv) {

  for (let i = 0; i < rowDiv.childNodes.length; i++) {

    let div = rowDiv.childNodes[i];

    div.classList.add(randomBinary() ? 'active' : 'inactive');

  }

}

```

## :cool: Features

* Cool patterns

## :clipboard: Status & To-Do List

* Status: Working

* To-Do: Comment code

## :clap: Inspiration

* [Youtube Cellular Automata - Pair Programming - FunFunFunction #49](https://www.youtube.com/watch?v=bc-fVdbjAwk)

* [Wikipedia: Cellular automaton](https://en.wikipedia.org/wiki/Cellular_automaton)

## :file_folder: License

* N/A

## :envelope: Contact

* Repo created by [ABateman](https://github.com/AndrewJBateman), email: gomezbateman@yahoo.com