forked from rsanchez1/Grav
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
68 lines (68 loc) · 2.85 KB
/
index.html
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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html>
<head>
<title>Grav - Canvas</title>
<script type='text/javascript' src='grav-runge-kutta.js'></script>
<style>h3 {color:#ccf;}</style>
</head>
<body style='background-color:#000; color:#fff'>
<div id='instructions' style='width:150px;position:absolute;top:0;left:0;z-index:1;'>
<a href='http://github.com/rsanchez1/Grav/' target='_blank' style='font-size:12px; color:#fff'>Source</a>
<br />
<span id='bodyCount' style='font-size:12px'></span>
<br />
<span id='energy' style='font-size:12px'></span>
<br />
<h3>View Box</h3>
<span id='viewx'>X: 0</span>
<br />
<span id='viewy'>Y: 0</span>
<br />
<span id='viewidth'>Width: 1200000</span>
<br />
<span id='viewheight'>Height: 600000</span>
<br />
<span style='font-size:12px;'>Try me in full-screen!</span>
<br />
<h3>New Body</h3>
<span>Mass</span>
<br />
<input id='newmass' type='text' value='1e-28' style='width:100px; background-color:transparent; color:#fff; border:1px solid #fff;'/>
<br />
<span>Select System</span>
<br />
<select id='choosebody' style='width: 100px; background-color:#000; color:#fff; border:0 none;'>
<option value='0'>Solar System</option>
<option value='9'>Kepler 16 System</option>
<option value='1'>Two-Body System</option>
<option value='21'>Sun-Jupiter System</option>
<option value='2'>Four-Body System</option>
<option value='3'>Gliese 876 System</option>
<option value='4'>55 Cancri System</option>
<option value='5'>51 Pegasi System</option>
<option value='6'>47 Ursae Majoris System</option>
<option value='7'>Upsilon Andromidae System</option>
<option value='8'>Pyramid</option>
<option value='10'>Galilean Gravity Cannon</option>
<option value='11'>Newton's Gravity Cradle</option>
<option value='12'>Empty</option>
</select>
<button id='geturl' title='NOTE: Will generate a long URL!'>Get URL</button>
<h3>Mouse</h3>
<p>Use the scroll wheel and (shift) left-click!</p>
<h3>Keyboard</h3>
<p>Move: W,A,S,D</p>
<p>Zoom: <u>I</u>n,<u>O</u>ut</p>
<p><u>P</u>ause</p>
<p><u>T</u>race, <u>L</u>ess, <u>M</u>ore</p>
<p><u>F</u>licker: <span id='flicker'>On</span></p>
<p><u>B</u>ounce: <span id='bounce'>On</span></p>
<p><u>R</u>otate: <span id='rotating'>Off</span></p>
<p>Show/Hide: Q</p>
</div>
<canvas id='canvas' width='1300' height='600' style='border:1px solid #050505;position:absolute;top:0;left:0;'>
</canvas>
<canvas id='transition' width='1300' height='600' style='display:none'>
</canvas>
</body>
</html>