-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
132 lines (130 loc) · 4.41 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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./niivue.css" />
<title>ct2print</title>
</head>
<body>
<header>
<label for="volumeSelect">Volume</label>
<select id="volumeSelect">
<option selected>Iguana</option>
<option>bet</option>
<option>CT_Electrodes</option>
<option>mni152</option>
<option>CT_AVM</option>
<option>CT_Abdo</option>
<option>CT_Philips</option>
<option>AIL</option>
<option>wm.mgz</option>
</select>
<label for="shaderSelect">Shader</label>
<select id="shaderSelect">
<option value="Flat">Flat</option>
<option value="Matcap" selected>Matcap</option>
<option value="Matte">Matte</option>
<option value="Phong">Phong</option>
</select>
<label for="darkCheck"> Dark Background</label>
<input type="checkbox" id="darkCheck" unchecked />
<label for="visibleCheck"> Mesh Visible</label>
<input type="checkbox" id="visibleCheck" checked />
<button id="createMeshBtn">Create Mesh</button>
<button disabled id="saveBtn">Save Mesh</button>
<button id="aboutBtn">About</button>
<div id="loadingCircle" class="loading-circle hidden"></div>
<label id="meshProcessingMsg" class="hidden"></label>
</header>
<main id="canvas-container">
<canvas id="gl1"></canvas>
</main>
<footer id="location"> </footer>
<dialog id="remeshDialog">
<form method="dialog">
<p>
<label id="isoLabel">Isosurface Threshold</label>
<input id="isoNumber" type="text" value="100">
</p>
<p>
<label>
Hollow:
<select id="hollowSelect" title="hollow meshes require less material but may be fragile">
<option value="0" selected>False: solid</option>
<option value="-1">1mm</option>
<option value="-2">2mm</option>
<option value="-4">4mm</option>
<option value="-8">8mm</option>
<option value="-16">16mm</option>
</select>
</label>
</p>
<p>
<label>
Quality:
<select id="qualitySelect" title="choose better or faster meshing">
<option value="0">faster (can create defects)</option>
<option value="1" selected>better</option>
</select>
</label>
</p>
<p id="bubbleGroup">
<label> Fill bubbles</label><input type="checkbox" id="bubbleCheck" unchecked/>
</p>
<p id="closeGroup">
<label> Closing (mm)</label>
<input id="closeMM" type="number" min="0" value="4" max="100">
</p>
<p>
<label>Largest cluster only</label><input type="checkbox" id="largestCheck" unchecked/>
</p>
<p>
<label for="smoothSlide">Smoothing</label>
<input
type="range"
min="0"
max="30"
value="3"
class="slider"
id="smoothSlide"
title="smoothing makes the mesh less jagged but requires longer computation"
/>
</p>
<p>
<label>Simplify Percent (10..100)</label>
<input title="triangle reduction reduces the file size and computation time but can reduce mesh quality, smaller values result in a smaller mesh" id="shrinkPct" type="number" min="10" value="50" max="100">
</p>
<button id="cancelBtn" formmethod="dialog">Cancel</button>
<button autofocus id="applyBtn" value="default">Apply</button>
</form>
</dialog>
<dialog id="saveDialog">
<form method="dialog">
<p>
<label>
Format:
<select id="formatSelect">
<option>MZ3 small and precise</option>
<option>OBJ widely supported</option>
<option selected>STL popular for printing</option>
</select>
</label>
</p>
<p>
<select id="scaleSelect">
<option value="4">1:4 Quarter Scale</option>
<option value="3">1:3 Third Scale</option>
<option value="2">1:2 Half Scale</option>
<option value="1" selected>1:1 Full Scale</option>
</select>
</p>
<button id="cancelSaveBtn" formmethod="dialog">Cancel</button>
<button autofocus id="applySaveBtn" value="default">Save</button>
</form>
</dialog>
<script type="module" src="/main.js"></script>
</body>
</html>