-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
62 lines (58 loc) · 2.26 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="master.css" media="screen" title="no title" charset="utf-8">
</head>
<body style="background-color: black;">
<link href='http://fonts.googleapis.com/css?family=Cuprum' rel='stylesheet' type='text/css'>
<script src="scripts/movingObjects.js"></script>
<script src="scripts/util.js"></script>
<script src="scripts/enemyShip.js"></script>
<script src="scripts/starDestroyer.js"></script>
<script src="scripts/tieFighter.js"></script>
<script src="scripts/ship.js"></script>
<script src="scripts/laser.js"></script>
<script src="scripts/destroyerDmgExp.js"></script>
<script src="scripts/destroyerDeadExp.js"></script>
<script src="scripts/game.js"></script>
<script src="scripts/gameView.js"></script>
<script src="scripts/controls.js"></script>
<div class="container">
<div class="volume-toggle">
<span class="enable-volume volume-control" id="enable-volume">
Enable volume
</span>
<span class="disable-volume volume-control" id="disable-volume">
Disable volume
</span>
</div>
<div class="score">
<span class="score-label" id="score-label">
0
</span>
</div>
<div id="lives">
<img class="life-img" id="xwing-img-3" src="assets/white_x_wing.png">
<img class="life-img" id="xwing-img-2" src="assets/white_x_wing.png">
<img class="life-img" id="xwing-img-1" src="assets/white_x_wing.png">
</div>
<img class="background-img" src="assets/death_star.jpg"/>
<canvas id="game-canvas" width="1296px" height="810px">
</canvas>
<div class="start-game-cont" id="start-game-cont">
<span class='start-game'>Star Wars</span>
<span class='new-game' onclick="startGame()" id='new-game'>New Game</span>
</div>
</div>
<script charset="utf-8">
var canvasEl = document.getElementById("game-canvas");
var ctx = canvasEl.getContext("2d");
var newGame = new window.Asteroids.GameView(ctx);
function startGame() {
newGame.start();
var startGameCont = document.getElementById('start-game-cont');
startGameCont.style.zIndex = -100;
};
</script>
</body>
</html>