-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
87 lines (78 loc) · 3.14 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
84
85
86
87
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<meta name="description" content="A Minecraft-like sandbox voxel game.">
<meta name="author" content="SortaGames">
<title>SortaCraft 2</title>
<link href="./style.css" rel="stylesheet" type="text/css">
<link rel="icon" href="resources/img/ico/sortacraft.ico" type="image/x-icon">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Y04HPZ2C55">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-Y04HPZ2C55');
</script>
<script src="./swLauncher.js" type="module"></script>
<!--<script src="lock.js"></script>-->
<script src="./script.js" type="module"></script>
<script src="modules/app_misc.js" type="module"></script>
</head>
<body>
<div id="dirt_bg">
<!-- Festive overlay -->
<div id="festive_overlay"></div>
<!-- End -->
</div>
<div id="menu">
<div class="inner" id="middled">
<h1 style="text-align:center;font-size: 3em;text-shadow: 2px 2px 2px black;">SortaCraft</h1>
<button onclick="window.startGame()" id="playbt" class="centerBt">Singleplayer</button>
<button onclick="document.querySelector('#settings').style.display = 'block'" id="settingsbt" class="centerBt">Settings</button>
<span id="author"><a href="https://sortagames.repl.co/" style="color:white;">©SortaGames</a></span>
<span id="ver">v0.00</span>
</div>
</div>
<div id="settings">
<div class="inner">
<h3 style="text-align:center;color:white;">Settings
<a style="float:right;color:white" href="#!" onclick="document.querySelector('#settings').style.display='none'">Close</a>
</h3>
<hr>
<div class="setting_range">
<input type="range" min="2" max="12" value="4" oninput="window.setRenderDistance(Number(this.value));this.nextElementSibling.innerText = 'Render Distance: '+this.value+' chunks'">
<span>Render Distance: 4 chunks</span>
</div>
<div class="setting_range">
<input type="range" min="0" max="120" value="0" oninput="window.setFPSCap(Number(this.value));this.nextElementSibling.innerText = 'Max FPS: '+(Number(this.value) > 0 ? this.value : 'Auto')">
<span>Max FPS: Auto</span>
</div>
<button class="settingsbt" onclick="window.toggleGraphics(this)">Graphics: Fancy</button>
</div>
</div>
<div id="centered">
<h2 style="font-weight:lighter;" id="loadingInfo">Loading assets..</h2>
<div id="loader_outer">
<div id="loader">
</div>
</div>
</div>
<div id="debug">
<div class="inner">
<span id="debug_fps">FPS: 0</span><br>
<span id="debug_pos">Pos: 0,0,0</span><br>
<span id="debug_prog">0%</span><br>
<span id="debug_ver">Ver: 2</span>
</div>
</div>
<canvas id="3d" class="gameCanvas"></canvas>
<div id="chatBox"></div>
<div id="commands">
<div id="inputCommand"></div>
</div>
</body>
</html>