-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
64 lines (49 loc) · 2.06 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Maze</title>
<meta name="generator" content="BBEdit 10.5" />
<link rel="stylesheet" href="style/index.css" />
<!-- define our shaders -->
<script id="shader-fs" type="x-shader/x-fragment" src="/shaders/test_fs.glsl"></script>
<script id="shader-vs" type="x-shader/x-vertex" src="/shaders/test_vs.glsl"></script>
<!-- main module with runtime -->
<script type="module" src="js/app.mjs"></script>
<!-- vendor: NoiseJS (https://github.com/josephg/noisejs) -->
<script src="js/vendor/noisejs/perlin.js"></script>
<script></script>
</head>
<!-- declare the "body" of the HTML document-->
<!-- the onload attribute specifies a javascript function to execute when the body tag is loaded into the browser -->
<body>
<!-- embed the HTML5 Canvas Drawing object on the page.-->
<!-- Name the canvas 'hellowebgl' for the javascript code. -->
<div id="canvas-container">
<canvas id="hellowebgl">
If you're seeing this your web browser doesn't support the <canvas>> element. Ouch!
</canvas>
</div>
<div id="info">
<p id="campos">(-.--, -.--, -.--)</p>
<p id="framerate">- ms (- fps)</p>
<p id="batches">- batches</p>
<p id="meshes">- meshes</p>
<div id="iscol"></div>
<p id="instructions">how to:<br />wasd to move<br />hold click and use mouse to look<br />arrow keys to look as well</p>
</div>
<div id="action-buttons">
<button id="regen-button">regenerate</button>
<button id="toggle-y-lock">y movement: locked</button>
</div>
<select id="debug-select"></select>
<div id="sliders">
<label for="maze-size">maze size</label>
<input type="range" id="maze-size" min="4" max="40" value="20" />
<label for="maze-size">maze difficulty</label>
<input type="range" id="maze-diff" min="0.1" max="1.0" step="0.05" value="0.5" />
</div>
<h1 id="score">Score<br />0</h1>
<h1 id="dist">Distance<br />0</h1>
</body>
</html>