index.php

   1 <html>
   2   <head>
   3     <title>cellular automaton</title>
   4     <link type='text/css' rel='stylesheet' href='style.css'>
   5     <script type='text/javascript' src='jquery-core.js'></script>
   6     <script type='text/javascript' src='1d.js'></script>
   7     <script type='text/javascript' src='2d.js'></script>
   8   </head>
   9   <body>
  10     <div id='2d-container'>
  11       <canvas width='750px' height='750px' id='2d-automaton'></canvas>
  12       <div id='controls'>
  13         <h1>2D</h1>
  14         <span class='label'>Generation <span id='generation'>0</span></span>
  15         <br>
  16         <span class='label'>2500 cells</span>
  17         <br><br>
  18         <span id='start-automaton' class='control'>Start automaton</span>
  19         <span id='stop-automaton' class='control'>Stop automaton</span><br><br>
  20           <span id='reseed-automaton' class='control'>Reseed random</span><br>
  21           <span id='custom-seed-automaton' class='control'>Reseed blank</span>
  22         </span>
  23       </div>
  24     </div>
  25     <div id='1d-container'>
  26       <canvas width='750px' height='750px' id='1d-automaton'></canvas>
  27       <div id='controls'>
  28         <h1>1D</h1>
  29         <br>
  30         <span class='label'>100 Generations</label><br>
  31         <span class='label'>100 Cells</label>
  32         <br><br>
  33         <span id='regenerate-automaton' class='control'>Regenerate automaton</span>
  34       </div>
  35     </div>
  36   </body>
  37 </html>