Zakaria/Conways_Game_of_life
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

conway's commit

Browse Source
This commit is contained in:
Sami
2025-08-31 04:05:46 -04:00
commit 680779c03d
4 changed files with 524 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+60
View File
@@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Conway's Game of Life</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<header>
<h1>Conway's Game of Life</h1>
<p>A cellular automaton simulation</p>
</header>
<div class="stats-panel">
<div class="stat">
<span class="stat-label">Generation:</span>
<span id="generation">0</span>
</div>
<div class="stat">
<span class="stat-label">Population:</span>
<span id="population">0</span>
</div>
<div class="stat">
<span class="stat-label">Births:</span>
<span id="births">0</span>
</div>
<div class="stat">
<span class="stat-label">Deaths:</span>
<span id="deaths">0</span>
</div>
</div>
<div class="controls">
<button id="startBtn">Start</button>
<button id="pauseBtn">Pause</button>
<button id="resetBtn">Reset</button>
<button id="randomBtn">Random</button>
<div class="speed-control">
<label for="speed">Speed:</label>
<input type="range" id="speed" min="1" max="20" value="10">
</div>
</div>
<div class="canvas-container">
<canvas id="gameCanvas"></canvas>
</div>
<div class="presets">
<button data-preset="glider">Glider</button>
<button data-preset="spaceship">Spaceship</button>
<button data-preset="pulsar">Pulsar</button>
<button data-preset="gosper">Gosper Glider Gun</button>
</div>
</div>
<script src="script.js"></script>
</body>
</html>