threejs-maze/index.html at main · hacknorris-code/threejs-maze · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<meta charset="utf-8">
	<title>Backrooms Simulator</title>
	<meta name="theme-color" content="#000220">
	<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
	<link href="https://fonts.cdnfonts.com/css/vcr-osd-mono" rel="stylesheet">
	<link rel="apple-touch-icon" sizes="180x180" href="public/icon/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="public/icon/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="public/icon/favicon-16x16.png">
	<link rel="manifest" href="site.webmanifest">
	<canvas class="webgl"></canvas>
	<script  type="importmap">{
		"imports": {
			"three": "https://unpkg.com/three@0.149.0/build/three.module.js"
		}
	}</script>
	<link rel="stylesheet" type="text/css" href="style.css">
	<script type="module" src="main.js"></script>
</head>
<body style="background-color: black;">
	<div id="menuPanel">
		<div id="loading-spinner"> [ Loading ] </div>
		<div id="title">Backrooms Simulator</div>
		<button id="startButton">Click to Start</button>
	</div>
	<div id="popup" class="hide">Hi</div>
	<!--<div style="display:none" id="item_bar"><input type="radio" id="bar_1" name="item_bar" value=""><input type="radio" id="bar_2" name="item_bar" value=""><input type="radio" id="bar_3" name="item_bar" value=""><input type="radio" id="bar_4" name="item_bar" value=""><input type="radio" id="bar_5" name="item_bar" value=""><input type="radio" id="bar_6" name="item_bar" value=""><input type="radio" id="bar_7" name="item_bar" value=""><input type="radio" id="bar_8" name="item_bar" value=""></div>-->
	<div><span id="coordinates">( 0 ; 0 ; 0.5 ; 0 ; 00:00 )</span><span id="timer"></span></div>
	<a aria-label="Source Code" target="_blank" rel="noopener" href="https://github.com/hacknorris-code/threejs-maze/" title="Project Source Code" style="position: absolute; bottom: 15px; right: 5px; z-index: 25;" class="github">
		<img style="margin-right: 10px;" width="40" alt="GitHub Logo" src="public/icon/github.png" />
	</a>
	<img style="position: absolute; bottom: 5%; left: 5px; z-index: 25;" src="public/icon/keys.png">
</body>
</html>