summaryrefslogtreecommitdiff
path: root/life2/simulator/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'life2/simulator/index.html')
-rw-r--r--life2/simulator/index.html40
1 files changed, 40 insertions, 0 deletions
diff --git a/life2/simulator/index.html b/life2/simulator/index.html
new file mode 100644
index 0000000..04b54e5
--- /dev/null
+++ b/life2/simulator/index.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Life2 Web Simulator</title>
+<link rel="stylesheet" href="./style.css">
+<main id="board">
+ <canvas id="board-canvas"></canvas>
+</main>
+<aside>
+ <div id="simulation-control">
+ <p>
+ <button id="next">1-step</button>
+ <button id="play">Lancer</button>
+ <p>
+ <label for="speed">Vitesse</label>
+ <input id="speed" type="range" min="1" max="100" value="90">
+ </div>
+ <div id="board-control">
+ <p>
+ <button id="save" onclick="Simulator_save()">
+ Sauvegarder la grille</button>
+ <button id="load" onclick="Simulator_load()">
+ Charger la grille</button>
+ </div>
+</aside>
+<footer>
+ <ul>
+ <li>
+ Génération : <span id="generation-stats">0</span>
+ <li>
+ Population : <span id="population-a-stats">0</span>/
+ <span id="population-b-stats">0</span>
+ <li>
+ Morts : <span id="deaths-a-stats">0</span>/
+ <span id="deaths-b-stats">0</span>
+ <li>
+ Naissances : <span id="births-a-stats">0</span>/
+ <span id="births-b-stats">0</span>
+ </ul>
+</footer>
+<script src="./dist/simulator.js"></script>