-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
32 lines (32 loc) · 1.48 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Quaternion Cube</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="canvas"></div>
<script src="three.js"></script>
<script src="shader_vertex.js"></script>
<script src="shader_fragment.js"></script>
<script src="data.js"></script>
<script src="puzzle.js"></script>
<script src="main.js"></script>
<div id="title" class="infobox">
<p><a href="https://github.com/MagmaMcFry/QuaternionCube" target="_blank" rel="noopener noreferrer">Quaternion Cube</a> by MagmaMcFry</p>
<p>Drag a cube face to another to twist</p>
<p>Drag the background to rotate</p>
<div id="loading"><p>Preparing... (make sure JavaScript is enabled)</p></div>
</div>
<div id="controls" class="infobox">
<p><a href="javascript:;" onclick="undo();">Undo</a> (Ctrl+Z)</p>
<p><a href="javascript:;" onclick="redo();">Redo</a> (Ctrl+Shift+Z)</p>
<p><a href="javascript:;" onclick="scramble();">Scramble</a> (Space)</p>
<p><a href="javascript:;" onclick="reset();">Reset</a> (R)</p>
<p><a id="toggle_quaternions" class="toggle" href="javascript:;" onclick="toggle_quaternions();">Toggle quaternions</a> (Q)</p>
<p><a id="toggle_animations" class="toggle" href="javascript:;" onclick="toggle_animations();">Toggle animations</a> (A)</p>
<p><a id="toggle_relative" class="toggle disabled" href="javascript:;" onclick="toggle_relative();">Toggle relative coloring</a> (C)</p>
</div>
</body>
</html>