-
Notifications
You must be signed in to change notification settings - Fork 0
/
game.html
106 lines (103 loc) · 5 KB
/
game.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
101
102
103
104
105
106
<!DOCTYPE html>
<html lang="en">
<head>
<title>jesperlauridsen.org</title>
<meta charset="ISO-8859-1.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link href="gamesheet.css" rel="stylesheet">
</head>
<!-- <body> -->
<body onload="playgame()">
<div id="testbutton" style="display:none"></div>
<div style="display:none" id="unpause">
<div id="unpauseButton">Unpause <br> <span>click to unpause</span></div>
</div>
<div id="overallContainer">
<div id="gameStatistics" style="font-size:16px;">
<div id="gameOver" style="text-align:center;height:10%;width:100%;font-size:20px;line-height:50px;">Game over!</div>
<div id="overallStatistics">
</div>
<div id="graphOfGame" style="width:80%;height:40%;float:right;">
<canvas id="statCanvas">
</div>
<div id="explanation" style="width:80%;height:5%;float:right;">
</div>
<div id="gunStatDivider" style="width:100%;height:5%;float:right;"></div>
<div id="gunStats" style="width:100%;height:40%;float:right">
<div class="specificGunStat" id="gunMachete"></div>
<div class="specificGunStat" id="gunPistol"></div>
<div class="specificGunStat" id="gunShotgun"></div>
<div class="specificGunStat" id="gunMachinegun"></div>
<div class="specificGunStat" id="gunFlamethrower"></div>
</div>
<div id="restartGameFromStats">Play again</div>
</div>
<div id="gameContainer" class="unselect">
<div id="gameAbilityOverallContainer" class="unselect">
<div id="gameAbilityContainerOne" class="gameAbilityContainer">
<div id="gameAbilityOne" class="gameAbility activated"></div><span class="abilityKey">/ M</span><span id="gamingAbilityNameOne" class="gameAbilityName">Mission tracker</span>
</div>
<div id="gameAbilityContainerTwo" class="gameAbilityContainer">
<div id="gameAbilityTwo" class="gameAbility deactivated"></div><span class="abilityKey">/ T</span><span id="gamingAbilityNameTwo" class="gameAbilityName deactivatedName">Thermo
goggles</span>
</div>
<div id="gameAbilityContainerThree" class="gameAbilityContainer">
<div id="gameAbilityThree" class="gameAbility deactivated"></div><span class="abilityKey">/ L</span><span id="gamingAbilityNameThree" class="gameAbilityName deactivatedName">Lazer
scope</span>
</div>
<div id="gameAbilityContainerFour" class="gameAbilityContainer">
<div id="gameAbilityFour" class="gameAbility deactivated"></div><span class="abilityKey">/ C</span><span id="gamingAbilityNameFour"
class="gameAbilityName deactivatedName">Scavanger 101</span>
</div>
<div id="gameAbilityContainerFive" class="gameAbilityContainer">
<div id="gameAbilityFive" class="gameAbility deactivated"></div><span class="abilityKey">/ B</span><span id="gamingAbilityNameFive" class="gameAbilityName deactivatedName">Rocket
boots</span>
</div>
<div id="gameAbilityContainerSix" class="gameAbilityContainer">
<div id="gameAbilitySix" class="gameAbility deactivated"></div><span class="abilityKey">/ E</span><span id="gamingAbilityNameSix" class="gameAbilityName deactivatedName">Pulse
emitter</span>
</div>
<div id="gameAbilityContainerSeven" class="gameAbilityContainer">
<div id="gameAbilitySeven" class="gameAbility activated">on</div><span class="abilityKey">/ F</span><span id="gamingAbilityNameSeven" class="gameAbilityName">Flash light</span>
</div>
</div>
<div id="missionProgressContainer"></div>
<div class="progressActive" id="missionInteractionContainer">
<p id="progressionText"></p>
<div id="missionInteractionContainerExit">✖</div>
</div>
</div>
<div id="gameVision" class="unselect">
<div id="gameClip" class="unselect"></div>
<div id="gameHealth" class="unselect"></div>
<div class="gameItem unselect" id="weaponMachete">1</div>
<div class="gameItem unselect" id="weaponPistol">2</div>
<div class="gameItem unselect" id="weaponShotgun">3</div>
<div class="gameItem unselect" id="weaponMachinegun">4</div>
<div class="gameItem unselect" id="weaponFlamethrower">5</div>
<div class="gameItemDivider unselect" id="divider"></div>
<div class="gameItem" id="utilitiesMedkit"></div>
<div class="gameItem" id="utilitiesAntidote"></div>
<div class="gameItem" id="utilitiesGranade"></div>
<div id="gameInventory" class="unselect">Backpack<div id="pickUp" class="unselect"></div>
</div>
<div id="gameSchematics" class="unselect">Schematics<div id="pickUpS" class="unselect"></div>
</div>
<div id="inventoryBackpack" class="closedInventory unselect"></div>
</div>
</div>
<script src="hero.js"></script>
<script src="enemies.js"></script>
<script src="worldgeneration.js"></script>
<script src="behavior.js"></script>
<script src="statistics.js"></script>
<script src="interface.js"></script>
<script src="weapons.js"></script>
<script src="accessories.js"></script>
<script src="missions.js"></script>
<script src="gamemech.js"></script>
<script src="finess.js"></script>
</body>
</html>