Computer Science Cellular Automata new

Cellular Automata

Simple rules, emergent complexity

Controls
Preset Rules
Patterns
Options

Statistics
Generation
0
Population
0
Born
0
Died
0

How Cellular Automata Work

A cellular automaton is a grid of cells, each in one of a finite number of states. At each step, cells update based on their neighborhood.

Moore Neighborhood: Each cell considers its 8 neighbors (up, down, left, right, and 4 diagonals).

Birth/Survival Rules:

  • Birth (B): A dead cell becomes alive if it has exactly N live neighbors
  • Survival (S): A live cell stays alive if it has exactly N live neighbors
  • Otherwise, the cell dies or stays dead

Classic Presets:

  • Game of Life (B3/S23): The original by John Conway. Supports gliders, oscillators, and complex structures.
  • HighLife (B36/S23): Like Life, but also births on 6 neighbors. Features the replicator pattern.
  • Day & Night (B3678/S34678): Symmetric rules where patterns work the same inverted.
  • Seeds (B2/S): Explosive growth with no survival. Creates chaotic patterns.
© 2013 - 2026 Cylian Size:  T S M L W Theme:  Dark Light [Detected] [Forced] 0.62.0 (f7ef9462) 🤖 Claude
About

Generation Prompt

Page: Cellular Automata - Interactive Simulation
Slogan: "Simple rules, emergent complexity"

Structure:
- Widget before:title -> h1 + p.slogan centered
- Main -> Canvas in .card.full.ratio-16-9 (HD via devicePixelRatio)
- Widget right:controls -> Start/Stop, Step, Reset, Clear buttons
- Widget right:presets -> Dropdown with classic automata presets
- Widget right:options -> Grid size, speed slider
- Widget right:stats -> Generation, population, born/died counters
- Widget after:algorithm -> Explanation of rules and presets
- Widget modal:claude -> Documentation

Presets:
- Game of Life (B3/S23): Classic Conway rules
- HighLife (B36/S23): Supports replicator pattern
- Day & Night (B3678/S34678): Symmetric black/white rules
- Seeds (B2/S): Explosive growth, no survival

Features:
- Configurable grid size (50x50 to 200x200)
- Mouse drawing (click/drag to toggle cells)
- Wrap-around boundaries (toroidal grid)
- Speed control (1-60 generations/second)
- Statistics tracking (generation, population, births, deaths)

Implementation:
- Double-buffered grid for clean updates
- requestAnimationFrame for smooth animation
- devicePixelRatio for HD canvas rendering
- CSS variables for theme integration
- Responsive breakpoints for mobile