-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
138 lines (124 loc) · 4.59 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
132
133
134
135
136
137
138
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Gem TD</title>
<meta name="description" content="Gem TD">
<meta name="author" content="Taylor Cargill">
<link rel="stylesheet" href="css/custom.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
<!-- Modal -->
<div id="menuModal" data-backdrop="static" data-keyboard="false" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Select Difficulty</h4>
</div>
<div class="modal-body">
<div id="game-menu">
<div id="game-menu-options">
<a href="#" data-difficulty="1" class="btn btn-info col-md-12">Easy</a>
<a href="#" data-difficulty="2" class="btn btn-info col-md-12">Normal</a>
<a href="#" data-difficulty="3" class="btn btn-info col-md-12">Hard</a>
<a href="#" data-difficulty="4" class="btn btn-info col-md-12">Extreme</a>
<a href="#" data-difficulty="5" class="btn btn-info col-md-12">Survival</a>
</div>
</div>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<div id="main-content" class="container">
<div class="row">
<div class="menu-item-container col-md-2">
<h3>Level: <span id="level"></span></h3>
</div>
<div class="menu-item-container col-md-2">
<h3>Lives: <span id="lives"></span></h3>
</div>
<div class="menu-item-container col-md-2">
<h3>Gold: <span id="gold"></span></h3>
</div>
<div class="menu-item-container col-md-2">
<h3>Time: <span id="time"></span></h3>
</div>
<div class="menu-item-container col-md-2">
<h3>Score: <span id="score"></span></h3>
</div>
</div>
<div class="row">
<div class="col-md-8">
<!-- Canvas -->
<div id="my-canvas">
<!-- Gem Info Panel -->
<div id="gem-info" class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title"><span id="gem-type" class="cost text-primary"></span></h3>
</div>
<div class="panel-body">
<p id="gem-damage"></p>
<p id="gem-cooldown"></p>
<p id="gem-range"></p>
<p id="gem-kills"></p>
<p id="gem-level"></p>
<p id="gem-description"></p>
<button id="keep-gem" class="btn btn-primary" type="button">Keep Gem</button>
</div>
</div>
</div>
</div>
<div class="col-md-2">
<div id="menu-buttons">
<button id="reset-game" class="btn btn-primary" type="button">Reset Game</button>
<button id="new-gem" class="btn btn-primary" type="button">Place Gem</button>
<button id="keep-gems" class="btn btn-primary" type="button">Keep Gems</button>
<button id="upgrade-chances" class="btn btn-primary" type="button">Upgrade Chances</button>
<div id="show-grid" class="checkbox">
<label>
<input type="checkbox" checked> Show Grid
</label>
</div>
</div>
<div id="chance-panels">
<div id="current-chances" class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">Current Chances <span class="cost text-primary"></span></h3>
</div>
<div class="panel-body">
</div>
</div>
<div id="next-chances" class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">Next Upgrade <span class="cost text-primary"></span></h3>
</div>
<div class="panel-body">
</div>
</div>
</div>
</div>
</div>
</div>
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->
<script src="scripts/libs/jquery-3.1.1.min.js"></script>
<script src="scripts/libs/bootstrap.min.js"></script>
<script src="scripts/libs/p5.min.js"></script>
<script src="scripts/models/cell.js"></script>
<script src="scripts/models/grid.js"></script>
<script src="scripts/models/projectile.js"></script>
<script src="scripts/models/gem.js"></script>
<script src="scripts/models/minion.js"></script>
<script src="scripts/factories/gemFactory.js"></script>
<script src="scripts/data.js"></script>
<script src="scripts/game.js"></script>
<script src="scripts/controllers/ui-manager.js"></script>
<script src="scripts/controllers/quality-manager.js"></script>
<script src="scripts/controllers/client.js"></script>
</body>
</html>