Conway's Game of Life

Eine wunderschöne, interaktive und moderne Implementierung von John Horton Conways klassischem zellulären Automaten, entwickelt mit Vanilla JS, HTML5 Canvas und modernem CSS.

Features

• Interaktives Spielfeld: Klicke oder ziehe mit der Maus über das Raster, um Zellen manuell zu zeichnen oder zu entfernen.
• Wiedergabesteuerung: Starte, pausiere oder gehe das Spiel in Einzelschritten durch.
• Geschwindigkeitsregler: Passe die Simulationsgeschwindigkeit (FPS) dynamisch mit dem Schieberegler an.
• Zufall & Leeren: Fülle das Raster mit einer zufälligen Konfiguration oder lösche das Spielfeld komplett.
• Statistiken: Zählt die aktuelle Generation und die lebende Population in Echtzeit.
• Modernes UI: Ein schickes Dark-Theme-Design mit Glassmorphismus-Panels, leuchtenden Neonzellen und geschmeidigen Hover-Effekten.

Nutzung

Die Anwendung wird als Electron-Desktop-App gestartet.

1. Installiere die Abhängigkeiten:

npm install

2. Starte die App im Entwicklungsmodus:

npm start

Builds

Für distributierbare Builds stehen folgende Skripte zur Verfügung:

npm run pack
npm run dist
npm run dist:mac
npm run dist:win

Die Regeln des Spiels

Das Universum des Game of Life ist ein zweidimensionales Raster aus quadratischen Zellen. Jede Zelle hat zwei mögliche Zustände: lebendig oder tot. Jede Zelle interagiert mit ihren acht Nachbarn (horizontal, vertikal und diagonal).

Bei jedem Zeitschritt passieren folgende Übergänge:

1. Unterpopulation: Eine lebendige Zelle mit weniger als zwei lebendigen Nachbarn stirbt.
2. Überleben: Eine lebendige Zelle mit zwei oder drei lebendigen Nachbarn lebt in der nächsten Generation weiter.
3. Überpopulation: Eine lebendige Zelle mit mehr als drei lebendigen Nachbarn stirbt.
4. Reproduktion: Eine tote Zelle mit genau drei lebendigen Nachbarn wird zu einer lebendigen Zelle.

Verwendete Technologien

• HTML5
• CSS3 (Custom Properties, Flexbox)
• Vanilla JavaScript (ES6+, Canvas API, requestAnimationFrame)