-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathindex.html
85 lines (85 loc) · 2.66 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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html>
<head>
<title>Lorenz System</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<link rel="stylesheet" href="lorenz.css"/>
<script src="js/lorenz.js" defer></script>
<script src="js/controls.js" defer></script>
<script src="js/main.js" defer></script>
</head>
<body>
<div id="help">
<ul>
<li><kbd></kbd>
<label>left-click + drag: rotate X/Y</label>
</li>
<li><kbd></kbd>
<label>middle-click + drag: translate X/Y</label>
</li>
<li><kbd></kbd>
<label>shift + click + drag: rotate/translate Z</label>
</li>
<li><kbd></kbd>
<label>mousewheel: zoom in/out</label>
</li>
<li><kbd></kbd>
<label>spacebar pauses/unpauses</label>
</li>
<li><kbd>a</kbd>
<label>add solution with random initial value</label>
</li>
<li><kbd>c</kbd>
<label>clone a solution with perturbation</label>
</li>
<li><kbd>C</kbd>
<label>clear all solutions</label>
</li>
<li><kbd>h</kbd>
<label>toggle head (point) visibility</label>
</li>
<li><kbd>[</kbd>
<label>decrease tail length</label>
</li>
<li><kbd>]</kbd>
<label>increase tail length</label>
</li>
<li><kbd>d</kbd>
<label>toggle rotational damping</label>
</li>
<li><kbd>?</kbd>
<label>toggle this menu</label>
</li>
<li>
<input id="length" type="range" min="2" max="12" step="1"/>
<label>tail = <span id="length-label"></span></label>
</li>
<li>
<input id="sigma" type="range" min="-1" max="20" step="0.01"/>
<label>σ = <span id="sigma-label"></span></label>
</li>
<li>
<input id="beta" type="range" min="0" max="20" step="0.01"/>
<label>β = <span id="beta-label"></span></label>
</li>
<li>
<input id="rho" type="range" min="0" max="300" step="0.01"/>
<label>ρ = <span id="rho-label"></span></label>
</li>
<li>
<select id="preset">
<option disabled selected>-- presets --</option>
<option value="chaos">Chaos Demo</option>
<option value="gentle">Gentle Rotation</option>
<option value="bendy">Bendy</option>
</select>
</li>
</ul>
<h1>
<a href="https://github.com/skeeto/lorenz-webgl">Source Repository</a>
</h1>
<div id="stats"></div>
</div>
<canvas id="lorenz"></canvas>
</body>
</html>