-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
99 lines (82 loc) · 2.83 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Marching Cubes</title>
<style>
body { margin: 0;
overflow: hidden; }
</style>
</head>
<body>
<script type="module" src="./main.js"></script>
<div id="info-panel" style="position: absolute;
right: 0;
/*width: 100px;*/
padding: 10px;
outline: white solid 1px;
background-color: rgba(238, 0, 0, 0.26);
color: white;">
<div id="x"> x: 20</div>
<div id="y"> y: 20</div>
<div id="z"> z: 20</div>
<div id="controls"> <br>
ZSQD <br>
A E to steer <br>
R F up/down <br>
V reload chunks <br>
C soft check <br>
X toogle wireframe <br>
</div>
<div id="chunks_settings"></div>
<div id="workers">Active loaders : </div>
</div>
<div id="parameters-panel"style=" position: absolute;
right: 15%;
top: 15%;
width: 70%;
height: 70%;
padding: 10px;
outline: white solid 1px;
background-color: rgba(1, 22, 66, 0.76);
color: white;">
<h1>Good performance in Firefox</h1>
<div>
<br>
You can press Space to close/open that window. <br>
<br>
</div>
<div>
optimized for 16:9 screens <br> <br>
A chunk size of 10 with a radius of 4 seems to give good result. <br>
Make sure your system can run it by slowly incrementing values. <br>
I don't recommend going past 5 radius and 10 size. <br>
setup running fine : mozilla firefox, i5-10400, gtx 1660s. <br>
<br>
Should run well on most computers, granted the chunk sizes and radius stays reasonnable.
</div>
<br>
<label for="chunk-size">Set chunk size:</label>
<input type="number" id="chunk-size" name="integer-input" min="0" step="1" value="8"> avoid changing this during runtime <br>
<label for="chunk-radius">Set chunk radius: </label>
<input type="number" id="chunk-radius" name="integer-input" min="0" step="1" value="1"> avoid changing this during runtime<br>
<br>
<div>
Nothing is starting until you press that button. Check your parameters!
</div>
<button id="start_generation">Start generation</button>
<div>
You might have to go around z : -26 to see something if your settings are low <br>
If you change the radius or chunk size during runtime, press V to reload.
</div>
<br>
<button id="Keyboard-switch">Rinz's keyboard layout switch</button>
<div>Layout : <div id="keyboard">AZERTY</div></div>
<div><br>Info panel keybinds are for azerty nd do not update</div>
<br>
<label for="chunk-check">Enables/disables automatic refresh. <br>
If not ticked, press C to update active chunks list (unticked by default)</label>
<input type="checkbox" id="chunk-check" class="small-tickbox" style="transform: scale(2);">
</div>
</body>
</html>