-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
52 lines (46 loc) · 1.98 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
#bg {
background-image:url('index.png');
position: fixed;
z-index:-1;
width:200vw; height:200vh;
overflow:clip;
opacity: 0.0;
transition: opacity 1s cubic-bezier(1,.13,.27,.99)
}
</style>
</head>
<body style="margin:0;">
<div id="bg"></div>
<div style="margin:8px;display:inline-block">
<div style="padding:8px; max-width:20em; background-color: white">
<!-- Renderer selection -->
Renderer: <select id="rendererSelector">
<option>WebGL (instant render)</option>
<option>Canvas (slow but accurate)</option>
</select><br><br>
<!-- Shader selection -->
Shader: <select id="shaderSelector"></select><br><br>
Resolution:<br>
<input id="imgsizeX" type="number" value="256" max="2048"></input>
<input id="imgsizeY" type="number" value="256" max="2048" disabled="true"></input><br>
Square: <input id="squareXYcheckbox" type="checkbox" checked="true"></input>
<br><br><br>
<!-- Uniforms -->
<div id="uni"></div>
<button id="dl">Download</button>
<br><br>
</div><br>
<span id="didukno"></span>
<span style="font-family:monospace; position:fixed; bottom:10px;">(L) 2020-2021 a tool by Firepal3D for u</span>
</div>
<canvas id="glview" width="128" height="128">Your browser doesn't support WebGL. Sorry!</canvas>
<canvas id="jskview" width="128" height="128"></canvas><br><br>
<script src="nmap.js"></script>
</body>
</html>