-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
83 lines (74 loc) · 3.61 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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Proj B</title> <!-- Keep it short: title appears on browser tab-->
<style>#datgui { float:left; }</style>
</head>
<body onload="main()" onresize="onBrowserResize()">
<canvas id="webgl" width="800" height="500">
Please use a browser that supports "canvas"
</canvas>
<br>
<b>Ray Tracer: Press 't' to Trace!</b> (Left: WebGL Scene Preview. Right: Ray-Traced Result.)
<i>May take a few seconds to render after pressing the buttons</i>
<br>
<button type="button" onclick="onSuperSampleButton()">Super-Sampling</button>
<button type="button" onclick="onJitterButton()">Jitter</button>
<span id='AAreport'> 1 sample/pixel. No jitter. </span>
<span>Shadow Type: </span><select name="shadow" id="shadow" onchange="setShadowType(this)">
<option value="0" selected="selected">1</option>
<option value="1">2</option>
<option value="2">3</option>
</select>
<span>3D procedural material: </span><select name="pmat" id="pmat" onchange="setPMat(this)">
<option value="0" selected="selected">None</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<br>
<button type="button" onclick="onSceneButton()">Change Scene</button>
<button type="button" onclick="lightOn(1)" id="light1">Light 1 is On</button>
<button type="button" onclick="lightOn(2)" id="light2">Light 2 is On</button>
<span>Recursion Depth: </span><select name="depth" id="depth" onchange="setRecursionDepth(this)">
<option value="0">0</option>
<option value="1" selected="selected">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>
<span id='SceneReport'> Show Scene Number 0 </span>
<br>
Mouse Drag: Aims the camera (turns left,right,up,down)
<br>
W/S; A/D keys: move camera forward/backwards; strafe left/right.
<br>
<script src="mat/materials_Ayerdi.js" type="text/javascript"></script>
<script src="mat/lights-JT.js" type="text/javascript"></script>
<script src="lib/glmatrix.js"></script>
<script src="lib/webgl-utils.js"></script>
<script src="lib/webgl-debug.js"></script>
<script src="lib/cuon-utils.js"></script>
<script src="lib/cuon-matrix-quat.js" type="text/javascript"></script>
<script src="lib/cuon-matrix-quat03.js" type="text/javascript"></script>
<script src="lib/dat-gui.js" type="text/javascript"></script>
<script src="src/CCamera.js" type="text/javascript"></script>
<script src="src/CGeom.js" type="text/javascript"></script>
<script src="src/CImgBuf.js" type="text/javascript"></script>
<script src="src/CHit.js" type="text/javascript"></script>
<script src="src/CRay.js" type="text/javascript"></script>
<script src="src/CScene.js" type="text/javascript"></script>
<script src="src/JT_VBObox0.js" type="text/javascript"></script>
<script src="src/JT_VBObox1.js" type="text/javascript"></script>
<script src="src/VBOinfo.js" type="text/javascript"></script>
<script src="src/GUI.js" type="text/javascript"></script>
<script src="src/initVBOwithShaders.js" type="text/javascript"></script>
<script src="src/main.js" type="text/javascript"></script>
</body>
</html>