-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
61 lines (46 loc) · 1.97 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
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
</head>
<body>
<div class="main">
<h1>Eulerian Fluid Simulation</h1>
<div class="controls">
<div class="control_line">
<!-- scenario -->
<label for="scenario">Scenario</label>
<select name="scenario" id="scenario">
<option value="cylindrical">Cylindrical obstacle</option>
<option value="rectangular">Rectangular obstacle</option>
</select>
<!-- colormap -->
<label for="colormap">Colormap</label>
<select name="colormap" id="colormap">
<option value="jet">Jet</option>
<option value="coolwarm">Coolwarm</option>
<option value="rainbow">Rainbow</option>
<option value="grayscale">Grayscale</option>
</select>
<!-- slider for input velocity -->
<label for="in_vel">Input velocity</label>
<input type="range" id="in_vel" name="in_vel" min="0" max="5" value="0.8" step="0.01">
</div>
<div class="control_line">
<!-- checkbox for pressure -->
<input type="checkbox" id="pressure" name="pressure" value="pressure" checked>
<label for="pressure">Pressure</label>
<!-- checkbox for streamlines -->
<input type="checkbox" id="streamlines" name="streamlines" value="streamlines" checked>
<label for="streamlines">Streamlines</label>
<!-- slider for streamlines_num_seg -->
<label for="streamlines_num_seg">Number of segments</label>
<input type="range" id="streamlines_num_seg" name="streamlines_num_seg" min="2" max="20" value="10" step="1">
<!-- slider for streamlines_spacing -->
<label for="streamlines_spacing">Spacing</label>
<input type="range" id="streamlines_spacing" name="streamlines_spacing" min="1" max="20" value="6" step="1">
</div>
</div>
<canvas id="canvas" width="1200" height="600"></canvas>
</div>
</body>
</html>