/
index.html
124 lines (124 loc) · 4.03 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Tank War - Mark Liu Blog</title>
<!-- build:css all.min.css -->
<link rel="stylesheet" href="css/master.css">
<!-- /build -->
</head>
<body>
<div id="page" class="clearfix">
<div id="tank-grid"></div>
<div id="control-panel">
<h2 id="game-state">Stopped</h2>
<div class="row score clearfix"><span>Score: </span><strong id="score-num">0</strong></div>
<div class="row">
<select id="select-gridRowNum">
<option value="31">31</option>
<option value="41">41</option>
<option value="51" selected="selected">51</option>
<option value="61">61</option>
</select>
<span>Rows</span>
<span> </span>
<select id="select-gridColNum">
<option value="31">31</option>
<option value="41">41</option>
<option value="51" selected="selected">51</option>
<option value="61">61</option>
</select>
<span>Columns</span>
</div>
<div class="row">
<span>Speed of Bullet</span>
<select id="select-bullet-speed">
<option value="500">1</option>
<option value="200">2</option>
<option value="100">3</option>
<option value="50">4</option>
<option value="20" selected="selected">5</option>
<option value="10">6</option>
</select>
<span>Level</span>
</div>
<div class="row">
<span>Qty of Enemies</span>
<select id="select-npctank-count">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4" selected="selected">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
</div>
<div class="row">
<span>Speed of Enemies</span>
<select id="select-npctank-speed">
<option value="3000">1</option>
<option value="2000">2</option>
<option value="1000">3</option>
<option value="500" selected="selected">4</option>
<option value="300">5</option>
<option value="100">6</option>
</select>
<span>Level</span>
</div>
<div class="row">
<span>Recycle Time of Enemies</span>
<select id="select-npctank-time">
<option value="1000">1</option>
<option value="2000">2</option>
<option value="3000" selected="selected">3</option>
<option value="4000">4</option>
<option value="5000">5</option>
</select>
<span>Seconds</span>
</div>
<div class="row">
<span>How Often does Enemies Fire</span>
<select id="select-npctank-fire">
<option value="0">0</option>
<option value="1" selected="selected">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
<span>Level</span>
</div>
<div class="row buttons clearfix">
<a id="start-game" class="btn">New</a>
<a id="pause-game" class="btn disabled">Pause</a>
<a id="reset-game" class="btn disabled">Reset</a>
</div>
<p>Tips: Arrow key to move tank, space key to fire.</p>
<p>Written by Mark Liu. <a href="https://github.com/markliu2013/tank-war.git" target="_blank">https://github.com/markliu2013/tank-war.git</a></p>
<p style="color: red;">We suggest to play with Chrome, IE8- not supported</p>
</div><!-- end control-panel -->
</div><!-- end page -->
<script>
try {document.querySelectorAll('html:nth-child(0)')}
catch (error) {alert('Your browser is too old, we suggest you the latest Chrome to play!');window.close();}
</script>
<!-- build:js all.min.js -->
<script src="js/jQuery.js"></script>
<script src="js/util.js"></script>
<script src="js/Grid.js"></script>
<script src="js/Bullet.js"></script>
<script src="js/Tank.js"></script>
<script src="js/NPCTank.js"></script>
<script src="js/MyTank.js"></script>
<script src="js/TankContainer.js"></script>
<script src="js/Game.js"></script>
<!-- /build -->
<script>
var game = new Game();
game.init();
</script>
</body>
</html>