-
Notifications
You must be signed in to change notification settings - Fork 62
/
index.html
81 lines (70 loc) · 3.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
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
<!DOCTYPE html>
<html>
<head>
<title>Quake 3 WebGL Demo</title>
<!-- Origin Trial Token, feature = WebXR Device API, origin = https://media.tojicode.com, expires = 2018-06-23 -->
<meta http-equiv="origin-trial" data-feature="WebXR Device API" data-expires="2018-06-23" content="Aqv5R/1a93uE3ukwAIVmV340aQjtra8FvJvtir6PpqSQK6AMQhctwTpHaxvZJktzmxxWO8rqn30uV5FNttYGagoAAABXeyJvcmlnaW4iOiJodHRwczovL21lZGlhLnRvamljb2RlLmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViWFJEZXZpY2UiLCJleHBpcnkiOjE1Mjk3ODMwMjN9">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- WebXR polyfill -->
<script type="text/javascript" src="js/util/webxr-polyfill.min.js"></script>
<!-- Common Utilities -->
<script type="text/javascript" src="js/util/game-shim.js"></script>
<script type="text/javascript" src="js/util/gl-matrix-min.js"></script>
<script type="text/javascript" src="js/util/stats.min.js"></script>
<!-- Basis Texture Loader -->
<script type="text/javascript" src="js/basis/basis_Loader.js"></script>
<!-- Quake3 Map Specific files -->
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/q3bsp.js"></script>
<script type="text/javascript" src="js/q3shader.js"></script>
<script type="text/javascript" src="js/q3glshader.js"></script>
<script type="text/javascript" src="js/q3movement.js"></script>
<!-- Stylesheet -->
<link href="css/q3demo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h2 id="mapTitle"></h2>
<div id="viewport-frame">
<canvas id="viewport">
Sorry, but your browser does not support WebGL or does not have it enabled.
To get a WebGL-enabled browser, please see:<br/>
<a href="http://get.webgl.org/" target="_blank">
http://get.webgl.org/
</a>
</canvas>
<div id="loading">
Loading...
</div>
</div>
<div id="webgl-error" style="display: none; text-align: center; vertical-align: middle;">
Sorry, but your browser does not support WebGL or does not have it enabled.<br/>
To get a WebGL-enabled browser, please see:<br/>
<a href="http://get.webgl.org/" target="_blank">
http://get.webgl.org/
</a>
</div>
<img style="display: none;" src="images/vr_goggles_sm.png" id="mobileVrBtn"/>
<img src="images/fullscreen_sm.png" id="mobileFullscreenBtn"/>
<div id="viewport-info" style="display: none;">
<div id="controls">
<h3>Controls</h3>
<ul>
<li><b>Look:</b> Click and Drag</li>
<li><b>Movement:</b> W,A,S,D</li>
<li><b>Jump:</b> Space</li>
<li><b>Respawn:</b> R</li>
</ul>
</div>
<div id="config">
<h3>Settings</h3>
<ul>
<li><b>Show FPS:</b> <input type="checkbox" id="showFPS" checked/></li>
<li style="display: none;" id="vrToggle"><b>VR:</b> <img src="images/vr_goggles_sm.png" id="vrBtn"/></li>
<!--li><b>Background Music:</b> <input type="checkbox" id="playMusic" checked="true"/></li-->
<li><b>Fullscreen:</b> <img src="images/fullscreen_sm.png" id="fullscreenBtn"/></li>
</ul>
</div>
<a href="http://blog.tojicode.com/">See more WebGL demo's at my blog</a>
</div>
</body>
</html>