simulation/index.html at main · bisverse/simulation · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<html>
  <head>
    <script src="https://cdn.jsdelivr.net/npm/p5@1.4.0/lib/p5.js"></script>
    <script src="sketch.js"></script>
  </head>
  <body>
    <main>


    </main>

    <section>
      <h2>Some interesting example</h2>
      <!-- <button class="button-6" id="bt1"></button>
      <button class="button-6" id="bt2"></button> -->
      <button class="button-6" id="bt3"></button>
      <!-- <button class="button-6" id="bt4"></button>
      <button class="button-6" id="bt5"></button> -->
      <button class="button-6" id="bt6"></button>
      <button class="button-6" id="bt7"></button>
      <!-- <button class="button-6" id="bt8"></button> -->

      <div id="article">
         <h2>Rules</h2>
         For a cell that is populated:
         <ol>
            <li>Each cell with one or no neighbors dies, as if by solitude.</li>
            <li>Each cell with four or more neighbors dies, as if by overpopulation.</li>
            <li>Each cell with two or three neighbors survives.</li>
         </ol>
         For a cell that is unpopulated or empty:
         <ol>
            <li>Each cell with exactly three neighbors becomes populated.</li>
         </ol>
         <div id="gridRule">
            <p>*Left click to populate a cell<br>
            *Right click to unpopulate a cell</p>
         </div>
      </div>

   </section>
  </body>
</html>