-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
40 lines (40 loc) · 1.74 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Maze</title>
<link type="text/css" href="maze.css" rel="stylesheet">
<meta name="viewport" content="width=device-width">
</head>
<body>
<noscript>JavaScript is required for this website.</noscript>
<canvas id="canvas" tabindex="0">Canvas is not supported by your browser.</canvas>
<div id="dialog-wrapper" style="display: none">
<div class="dialog" id="dialog-colorFunction">
<span class="dialog-title">Color function</span>
<label for="colorFunctionPresets">Load a preset: </label><select id="colorFunctionPresets"></select>
<button id="colorFunctionPresetLoad">Load</button>
<ul>
<li>0.0 ≤ <b>c</b> < 1.0 is the color and increases over time, faster for a smaller color factor. At 1.0 it wraps around to 0.0 again.</li>
<li>0.0 ≤ <b>x</b> < 1.0 is the relative x position, 0.0 being left.</li>
<li>0.0 ≤ <b>y</b> < 1.0 is the relative y position, 0.0 being top.</li>
</ul>
<pre>function customColorFunction(c, x, y)<br>{</pre>
<textarea id="colorFunction"></textarea>
<pre>}</pre>
<div class="controls">
<button class="cancel-button">Cancel</button>
<button id="checkSyntax">Check syntax</button>
<button class="confirm-button">Confirm</button>
</div>
<output id="checkSyntaxResult" for="checkSyntax"></output>
</div>
</div>
<div id="floatingBox"></div>
<script type="text/javascript" src="jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="maze.js"></script>
<script type="text/javascript" src="colorfunctions.js"></script>
<script type="text/javascript" src="dat.gui.min.js"></script>
<script type="text/javascript" src="maze-gui.js"></script>
</body>
</html>