-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
61 lines (61 loc) · 2.64 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Object Transformation</title>
<link rel="stylesheet" href="indexStyle.css">
<script src="Utils/webgl-utils.js"></script>
<script src="Utils/shader-utils.js"></script>
<script src="gl-matrix-min.js"></script>
<script src="BasicShapes/Axes.js"></script>
<script src="BasicShapes/Cylinder.js"></script>
<script src="BasicShapes/GeometricObject.js"></script>
<script src="BasicShapes/Torus.js"></script>
<script src="BasicShapes/Cube.js"></script>
<script src="BasicShapes/Ring.js"></script>
<script src="BasicShapes/RingHalf.js"></script>
<script src="BasicShapes/UniSphere.js"></script>
<script src="BasicShapes/Hemisphere.js"></script>
<script src="BB8/BB8.js"></script>
<script src="BB8/bbBottom.js"></script>
<script src="BB8/BodyRings.js"></script>
<script src="BB8/bbHead.js"></script>
<script src="Hut/Hut.js"></script>
<script src="Rocks/RockType1.js"></script>
<script src="Ground.js"></script>
<script src="Sky.js"></script>
<script src="render.js"></script>
</head>
<h1>Star Wars: BB-8 & Friends</h1>
<hr>
<body onload="main()" style="-webkit-margin-after: 0em;">
<div class="controls-group">
<label><b>Object</b>:</label>
<select id="objects" onchange="updateObject();">
<option value="bb8">BB-8</option>
<option value="bb6">BB-6</option>
<option value="hut1">Hut 1</option>
<option value="hut2">Hut 2</option>
<option value="hut3">Hut 3</option>
<option value="hut4">Hut 4</option>
</select>
<span>For Droids: Use [w,s,a,d] keys to move droid position.</span>
<span>For Huts: Use [z,x,y] keys to change hut orientation</span>
</div>
<div class="controls-group">
<label><b>Perspective</b>:</label>
<span>Press [1,2,3,4] keys for pre-made scenes</span>
<ul class="no-margins">
<li>X : -1 <input id="global-X" type="range" min="-1" max="1" step="0.05" value="-0.25" oninput="setPerspective()"> 1</li>
<li>Y : -1 <input id="global-Y" type="range" min="-1" max="1" step="0.05" value="1" oninput="setPerspective()"> 1</li>
<li>Z : 0 <input id="global-Z" type="range" min="0" max="2" step="0.05" value="0.5" oninput="setPerspective()"> 2</li>
</ul>
</div>
<div id="vectorcontrol" class="controls-group">
<span><input id="light1" type="checkbox" checked> Light 1</span>
<span><input id="light2" type="checkbox" checked> Light 2</span>
</ul>
</div>
<canvas id="gl-canvas"></canvas>
</body>
</html>