gravity/gravity.html at master · atmo/gravity · 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
44
<!DOCTYPE html>
<html>
<head>
  <meta charset='utf-8' />
  <meta http-equiv="X-UA-Compatible" content="chrome=1" />
  <meta name="description" content="Javascript simulation of gravity : " />

  <link rel="stylesheet" type="text/css" media="screen" href="gravity.css">

  <script language="javascript" src='gravity.js'>
  </script>
  <title>Gravity</title>
</head>
<body onload="init()">
  <h3>Simulation of gravitational interaction between small bodies</h3>
  <div class="inner">
    <div>
      <div id="canvas_container">
        <canvas id="canvas">
        </canvas>
      </div>
    </div>
    <div class="settings">
      <label> Show traces:
        <input id="traces" type="checkbox" onclick="setShowTraces()" />
      </label>
      |
      <label> Bounce:
        <input id="bounce" type="checkbox" checked onclick="setBounce()" />
      </label>
      |
      <label> Merge:
        <input id="merge" type="checkbox" checked onclick="setMerge()" />
      </label>
      |
      <label> Bodies count:
        <input id="bodies_count" type="number" onchange="onBodiesCountChanged(this.value)" />
      </label>
      <input type="button" id="runButton" value="Pause" onclick="toggleRunning()"/>
      <input type="button" id="restartButton" value="Restart" onclick="restart()" />
    </div>
  </div>
</body>
</html>