-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
100 lines (95 loc) · 4.91 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
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- SEO -->
<meta property="og:title" content="Untitled Electron Game" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://balam314.github.io/Untitled-Electron-Game" />
<meta property="og:image" content="https://balam314.github.io/Untitled-Electron-Game/assets/textures/logo.png" />
<meta name="description" content="Untitled Electron Game: a 2D sandbox factory building game. Play it now!">
<meta property="og:description" content="Untitled Electron Game: a 2D sandbox factory building game. Play it now!" />
<meta name="theme-color" content="#3141FF">
<title>Untitled Electron Game</title>
<!-- Code loading -->
<!--
Load in everything that doesn't have a circular dependency graph and doesn't depend on DOM elements
This is not necessary, as game-main.js will also load in these modules, but it makes the load a few hundred ms faster,
because these files get fetched along with game-main.js instead of after it
-->
<script src="./build/util/funcs.js" type="module"></script>
<script src="./build/vars.js" type="module"></script>
<script src="./build/content/i18n.js" type="module"></script>
<script src="./build/content/splashes.js" type="module"></script>
<script src="./build/texturedata.js" type="module"></script>
<script src="./build/util/perlin.js" type="module"></script>
<script src="./build/util/log.js" type="module"></script>
<script src="./build/util/direction.js" type="module"></script>
<script src="./build/util/geom.js" type="module"></script>
<script src="./build/util/random.js" type="module"></script>
<script src="./build/util/windowed-mean.js" type="module"></script>
<script src="./build/util/quadtree.js" type="module"></script>
<script src="./build/ui/camera.js" type="module"></script>
<script src="build/game-main.js" type="module" defer></script>
<link rel="stylesheet" href="index.css">
</head>
<body>
<div class="hidden" onload="this.innerText = 'Why are you able to read this?\nThis div contains a boilerplate description for search engines.';">Untitled Electron Game is a factory building game that's in early alpha. Play it now!</div>
<div id="textures" hidden>
<!-- Dynamically generated through Javascript, see loadTexture(). -->
</div>
<input id="uploadButton" type="file" accept="application/json" class="hidden"/>
<div id="error_background" class="hidden">Oops! If you're seeing this(for more than a second), something went wrong.<br> Please check the dev console(Ctrl+Shift+I then click Console) for any red boxes, take a screenshot, and report it to the <a href="https://github.com/BalaM314/Untitled-Electron-Game/issues/new" target="_blank">issue tracker.</a></div>
<div id="loading_background">
<h1>Loading...</h1>
<p>If this screen lasts for more than a few seconds, something may be wrong. Try refreshing the page.</p>
</div>
<div id="game_background" class="hidden"></div>
<canvas id="canvas0" style="--z: 0;" width=1200 height=1200></canvas>
<canvas id="canvas1" style="--z: 1;" width=1200 height=1200></canvas>
<canvas id="canvas2" style="--z: 2;" width=1200 height=1200></canvas>
<canvas id="canvas3" style="--z: 3;" width=1200 height=1200></canvas>
<canvas id="canvas4" style="--z: 4;" width=1200 height=1200></canvas>
<canvas id="canvas5" style="--z: 5;" width=1200 height=1200></canvas>
<canvas id="canvas6" style="--z: 6;" width=1200 height=1200></canvas>
<canvas id="canvas7" style="--z: 7;" width=1200 height=1200></canvas>
<canvas id="canvas8" style="--z: 8;" width=1200 height=1200></canvas>
<canvas id="canvas9" style="--z: 9;" width=1200 height=1200></canvas>
<div id="clickcapture"></div>
<div id="hudtext" class="hidden">
amogus<br>sus
</div>
<div id="buttons-pane" class="hidden">
<span id="research-button" class="text-button" onclick="GUI.toggleResearchMenu()">🧪</span>
<span id="settings-button" class="text-button" onclick="Game.sceneName='settings'; HUD.hide();">⚙</span>
</div>
<div id="resources" class="hidden"></div>
<div id="objective" class="hidden">
<div id="objective-title">
<!-- <span id="objective-complete-icon">
✔
</span> -->
<span id="objective-text"></span>
<span id="objective-next-button" class="text-button">⇒</span>
</div>
<div id="objective-description"></div>
</div>
<div id="toolbar" class="hidden"></div>
<div id="alertbox">
<div id="alertmessage">Alert! Something!</div>
<div id="alertexit" class="text-button">Ok</div>
</div>
<div id="tooltipbox"></div>
<div id="screen-overlay"></div>
<div id="credits-container">
<!-- no peeking -->
</div>
<div id="research-menu" class="hidden">
<div id="research-header">
<span id="research-header-text">Research</span>
<span id="research-exit-button" class="text-button" onclick="tech.hideMenu()">❌</span>
</div>
<div id="research-tree"></div>
</div>
</body>
</html>