Loading renderer

Click, hold, rotate / Scroll in and out

Birth Min1 to 133-1Minimum active-neighbour count required for void cells to become active.Birth Max1 to 138+1Maximum active-neighbour count that still allows active birth from void.Survival Min1 to 132-1Minimum active-neighbour density for active cells to survive.Survival Max1 to 139+1Maximum active-neighbour density for active cells to survive.Excitation1 to 104-1Excited-neighbour count needed to upgrade active cells into excited state.Wake1 to 102-1Neighbour count needed for dormant cells to activate.Dormant Birth1 to 51BASELower activity floor where void cells transition to dormant instead of active.Temperature0 to 0.150.080+0.080Stochastic override probability applied after deterministic rules.Generation ms50 to 50080-20Lower values evolve the lattice faster per generation tick.

Cellular Automation

Interactive 3D multi-state cellular automaton with worker-driven simulation, shader rendering, and adaptive quality control.

OVERVIEW

Cellular Automation is a browser-native, interactive 3D automaton where five cell states evolve through a strict priority rule chain. Pointer, scroll, and click inputs continuously reshape birth and survival thresholds, producing shifting structures that feel alive while remaining deterministic under seeded execution.

ARCHITECTURE

The experience combines a typed simulation core, worker transport with transferable buffers, and an instanced Three.js lattice renderer. Simulation ticks run off-main-thread by default, with main-thread fallback on worker failure. Rendering uses state-aware shader interpolation and quality-tier controls linked to global art quality settings and runtime frame telemetry.

FUNCTIONALITY

Five-state cellular automaton with explicit precedence rules and deterministic seeded mode
Worker simulation loop with transferable buffer reuse and stale-frame protection
Main-thread fallback simulation with degraded lattice size when workers fail
Instanced 3D lattice rendering with per-instance state, density, age, and generation interpolation
Pointer, scroll, click, and keyboard interaction mappings for rule and temperature control
Reduced-motion mode, tab visibility pause/resume, and WebGL context loss recovery overlay
Adaptive quality tiers for desktop, tablet, and mobile with runtime downgrade hysteresis

HOW IT WORKS

Each generation applies a strict state transition chain across a 3D lattice, then interpolates between current and next states in the shader for smooth evolution. User inputs adjust rule thresholds and stochastic noise, while click or keyboard actions inject local seeds. A worker computes generations and returns typed arrays to the renderer, which updates instanced attributes and post-processing intensity according to active quality tier and motion preferences.

OUTCOMES

Adds a high-concept interactive art system that extends beyond static shader showcases
Demonstrates production-grade handling of worker transport, fallback resilience, and adaptive rendering quality
Creates a deterministic, testable visual surface that can be verified in CI through scripted checks
Deepens portfolio breadth with an algorithmic system grounded in state machines and real-time graphics