-
Notifications
You must be signed in to change notification settings - Fork 15
/
Copy pathindex.html
131 lines (104 loc) · 4.2 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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SpaceGame</title>
<!-- Stylesheets -->
<link rel="stylesheet" href="res/css/lib/bootstrap.css" />
<link rel="stylesheet" href="res/css/lib/sb-admin-2.css" />
<link rel="stylesheet" href="res/css/index.css" />
<!-- Javascript -->
<script src="res/js/lib/jquery-2.2.4.min.js"></script>
<script src="res/js/lib/bootstrap.min.js"></script>
<script src="res/js/lib/threejs/three.js"></script>
<script src="res/js/lib/threejs/tween.min.js"></script>
<!-- custom -->
<script type="text/javascript" src="app/Network.js"></script>
<script type="text/javascript" src="app/FileLoader.js"></script>
<script type="text/javascript" src="app/RayParticleRenderer.js"></script>
<script type="text/javascript" src="res/js/index.js"></script>
</head>
<body>
<div id="loading-overlay">
<!--<div id="loading-text">-->
<!--<h1>Loading ...</h1>-->
<!--</div>-->
<h1 id="space-game-header">SpaceGame</h1>
<h1 id="loading-message">Loading ...</h1>
<button id="tutorialClose" class="btn btn-danger">Close</button>
<div class="row" id="tutorial-layout">
<div class="col-md-4">
<div id="controls-table-container">
<span class="tutorial-header">Controls</span>
<table id="controls-table">
<tr>
<td>WASD</td><td>Movement</td>
</tr>
<tr>
<td>X</td><td>Stop Spacehip</td>
</tr>
<tr>
<td>Q</td><td>Change Weapon</td>
</tr>
<tr>
<td>C</td><td>Change Camera</td>
</tr>
<tr>
<td>P</td><td>Pause Game</td>
</tr>
</table>
</div>
</div>
<div class="col-md-8">
<div id="tutorial-text">
<span class="tutorial-header">How To Play</span>
<ol id="tutorial-text-list">
<li>Enemy ships will spawn in waves.</li>
<li>Defeat the enemies to acquire points and money.</li>
<li>Destroy asteroids to find mighty power ups.</li>
<li>Spend your money on upgrades for your ship in the item shop.</li>
<li>Once the timer hits zero, you will enter the next level.</li>
<li>Try to score as high as you can!</li>
</ol>
</div>
</div>
</div>
</div>
<div id="overlay-menu" class="main-menu-overlay">
<div class="row overlay-text-heading">
<div class="col-md-12">
<h1>Space Game
<small>CG16</small>
</h1>
</div>
</div>
<form role="form" id="form" action="app/game.html" method="GET">
<div class="form-group">
<label>Enter player name: </label>
<input class="form-control" type="text" id="player" placeholder="Superstar McAwesome" required/>
</div>
<button id="formSubmit" class="btn btn-danger btn-block" type="submit">
Start Game
</button>
<button id="formTutorial" class="btn btn-danger btn-block" type="button">Tutorial</button>
</form>
</div>
<div id="overlay-highscore" class="main-menu-overlay">
<div class="row overlay-text-heading">
<div class="col-md-12">
<h1>Highscore</h1>
</div>
</div>
<!-- Highscore Tabelle -->
<!-- Header -->
<div class="row highscore-header">
<div class="col-md-2">#</div>
<div class="col-md-4">Player</div>
<div class="col-md-2">Lvl</div>
<div class="col-md-3">Points</div>
</div>
<!-- Zeilen -->
<!-- wird automatisch gefüllt -->
</div>
</body>
</html>