diff options
Diffstat (limited to 'life2/simulator/site/index.html')
| -rw-r--r-- | life2/simulator/site/index.html | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/life2/simulator/site/index.html b/life2/simulator/site/index.html new file mode 100644 index 0000000..95c0995 --- /dev/null +++ b/life2/simulator/site/index.html @@ -0,0 +1,49 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Life2 Web Simulator</title> +<link rel="stylesheet" href="style.css"> +<main id="board"> +</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="clear">Effacer</button> + <button id="random">Aléatoire</button> + <p> + <label for="shape">Forme</label> + <select id="shape"> + <option value="shape-rectangle">Rectangle</option> + <option value="shape-circle">Cercle</option> + <option value="shape-triangle">Triangle</option> + </select> + <p> + <button id="save">Sauvegarder la grille</button> + <p> + <label for="load">Charger une grille</label> + <input id="load" type="file"> + </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="simulator.js"></script> |