/
game.html
54 lines (40 loc) · 1.66 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
<div id="game">
<div class="side">
<div class="logo">Underwater Adventure Rocket Bazooka Guys 2</div>
<div class="leaderboard">
<div class="playerCard {{player.state}}"
ng-repeat="player in players.all | orderBy:'-wins'">
<div class="name">{{player.name}}</div>
<div class="avatarbg">
<div class="avatar {{player.avatar}}"></div>
</div>
<div class="score"><div class="label">Points</div><div class="num">{{player.wins}}</div></div>
<div class="status">
<div class="skull"></div>
</div>
</div>
</div>
</div>
<div class="content">
<div class="alerts">
<span class="label">Bazooka NewsReel</span>
<span class="alert">{{latestAlert}}</span>
</div>
<div id="board" keypress="keypress(e)" ng-click="test()">
<h1 class="winner" ng-show="players.winner">{{players.winner}} Wins!</h1>
<div class="player avatar {{player.avatar}}"
ng-repeat="player in players.all | filter:{state:'alive'}"
ng-style="player | position"
sprite-direction="player.direction"
sprite-walking="{{player.x}} {{player.y}}"
>
<div class="taunt triangle-border left" ng-show="player.taunt">{{player.taunt}}</div>
</div>
<div ng-repeat="missile in missiles.all">
<div class="missile {{missile.direction}}" ng-style="missile | position"></div>
</div>
</div>
</div>
<div class="version">v{{version}}</div>
<div class="instructions" style="position: absolute; bottom: 20px; color: white">Use arrow keys to move. Space to fire. If someone wins, the game restarts in 2 seconds.</div>
</div>