forked from Lukenickerson/net-clicker
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
350 lines (332 loc) · 10.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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Net Clicker</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles/rocketboots.css" />
<link rel="stylesheet" href="styles/game.css" />
<link href='styles/font-contrail-one.css' rel='stylesheet' type='text/css'>
<link rel="icon" href="images/favicon.ico" type="image/x-icon" />
</head>
<body>
<header class="stateHeader goto" data-state="mainmenu">
<h1>Net Clicker
<span class="subTitle">
Incremental/Clicker Game of Hacking and Cyberwar
</span>
</h1>
</header>
<div class="state boot">
Booting Up
</div>
<div class="state preload">
<h2>Loading...</h2>
<p>If the game fails to load, try refreshing the page.</p>
</div>
<section class="state mainmenu">
<h2>Main Menu</h2>
<nav>
<ul>
<li><button type="button" class="goto non-disk play" data-state="game">
Play</button></li>
<li><button type="button" class="goto disk has-game continue" data-state="game">
Continue</button></li>
<li><button type="button" class="goto disk has-game save" data-state="save">
Save</button></li>
<li><button type="button" class="goto disk new" data-state="new">
New</button></li>
<li><button type="button" class="goto disk load" data-state="load">
Load</button></li>
<!--
<li><button type="button" class="goto settings" data-state="settings">
Settings</button></li>
-->
<li>
<button type="button" class="toggleSound">Toggle Sound
(<span class="onOff">??</span>)</button>
</li>
<li>
<button type="button" class="toggleMusic">Toggle Music
(<span class="onOff">??</span>)</button>
</li>
<li><button type="button" class="goto help" data-state="help">
Help</button></li>
<li><button type="button" class="goto credits" data-state="credits">
Credits</button></li>
<li>
<!-- <button type="button" class="goto share" data-state="share">
Share</button>
-->
<a target="_blank" class="share button"
href="http://twitter.com/home?status=Playing%20Net%20Clicker!%20@deathraygames%20#netclicker">
Share on Twitter
</a>
</li>
</ul>
</nav>
</section>
<section class="state help">
<h2>Help</h2>
<nav>
<button type="button" class="goto" data-state="mainmenu">Back</button>
</nav>
<p>
There are 4 important ratings for your network: Nodes =
the number of computer systems you control. These will go
up as you defeat opponents. Security = This is important for
staying alive. If a network does not have 100% security, then
they are more susceptible to espionage attacks. Info = Information
is a type of currency that can be turned into money with development.
Money = Cash can be used to purchase more hackers or upgrades.
</p>
<p>
There are 4 hacker jobs: SysAdmins = Keep your security up.
Trolls = Attack your opponents security.
Black Hats = Steal information from your opponent.
Developers = Are responsible for turn the information into
products that can be sold.
</p>
<p>
For help, please see the
<a href="http://ludumdare.com/compo/ludum-dare-32/?action=preview&uid=17861">Ludum Dare entry page</a>
or
<a href="http://deathraygames.tumblr.com/search/ldjam">Tumblr #LDJAM</a>.
</p>
</section>
<!--
<section class="state settings">
<h2>Settings</h2>
<nav>
<button type="button" class="goto" data-state="mainmenu">Back</button>
<button type="button" class="toggleSound">Toggle Sound</button>
</nav>
</section>
-->
<section class="state credits">
<h2>Credits</h2>
<nav>
<button type="button" class="goto" data-state="mainmenu">Back</button>
</nav>
<p>
Game Design, Programming, Graphics by Luke Nickerson
</p>
<p>
'Contrail One' font courtesy of Google Fonts.
</p>
<p>
Software: Notepad++, Chrome, Pickle, Bfxr, Bosca Ceoil
</p>
<p>
Recommended Listening: <a target="_blank" href="http://somafm.com/defcon/">Soma fm DEF CON Radio</a>
</p>
<p>
Thanks to testers: Christina, Jeff, Matt
</p>
<p>
<a target="_blank" href="https://twitter.com/deathraygames">Follow on Twitter</a>
|
<a target="_blank" href="http://deathraygames.tumblr.com/">Follow on Tumblr</a>
</p>
</section>
<!--
<section class="state share">
<h2>Share</h2>
<nav>
<button type="button" class="goto" data-state="mainmenu">Back</button>
<button type="button" class="">Tweet on Twitter</button>
<button type="button" class="">Email to a friend</button>
</nav>
<p>
Thank you for sharing this game!
</p>
</section>
-->
<div class="state levelUp">
<h2>You Defeated a Network</h2>
<p>
You absorb the nodes of the vanquished network, and
search out a new, more powerful opponent.
<br/>
Good luck!
</p>
<nav>
<button type="button" class="goto" data-state="game">Continue</button>
</nav>
</div>
<div class="state win">
<h2>You Win!</h2>
<p>
Congratulations, you've defeated all the other networks!
</p>
<p>
Brag about your win on Twitter!
</p>
<p>
Refresh the page to start over.
</p>
<nav>
<button type="button" class="refreshPage">Start Over</button>
<button type="button" class="goto" data-state="mainmenu">Main Menu</button>
</nav>
</div>
<div class="state lose">
<h2>You Lose</h2>
<p>
Next time try making sure you have
enough hackers hired and upgrades
before you move on to the next
opponent.
</p>
<p>
Refresh the page to start over.
</p>
<nav>
<button type="button" class="refreshPage">Start Over</button>
<button type="button" class="goto" data-state="mainmenu">Main Menu</button>
</nav>
</div>
<div class="state game">
<h2>Game</h2>
<nav class="tabs">
<button type="button" class="toggleGameView enemyGameView selected">Enemy</button>
<button type="button" class="toggleGameView upgradesGameView">Upgrades</button>
</nav>
<div id="enemyNetwork" class="network col">
<h1 class="networkName">Bad Network</h1>
<div class="subTitle">
Rival Network Level <span class="level">1</span>
</div>
<ul class="currencyList">
<!-- Fill with JavaScript -->
</ul>
<div class="hackers">
<ul>
<li class="sysAdmins">
<span class="num">#</span>
SysAdmins
</li>
<li class="blackHats">
<span class="num">#</span>
Black Hats
</li>
<li class="trolls">
<span class="num">#</span>
Trolls
</li>
<li class="developers">
<span class="num">#</span>
Developers
</li>
</ul>
</div>
</div>
<div id="playerNetwork" class="network col">
<h1>Your Network</h1>
<ul class="currencyList">
<!-- Fill with JavaScript -->
</ul>
<div id="hackers" class="hackers">
<!-- <button type="button" class="remove">-</button> -->
<div class="hackerJob idle" data-hackerjob="idle">
<div class="hackersBar">
<span class="title">Hackers</span>
<span class="num">#</span> idle
/<span class="total">#</span>
/<span class="max">#</span>
<span class="cost">
<span class="units">$</span>
<span class="costVal"></span>
<span class="units">k</span>
</span>
</div>
<button type="button" class="add">+</button>
</div>
<ul>
<li class="hackerJob sysAdmins" data-hackerjob="sysAdmins">
<button type="button" class="remove">-</button>
<button type="button" class="hack">
<span class="num">#</span>
SysAdmins
<span class="jobDesc">Secure/Repair Nodes</span>
</button>
<button type="button" class="add">+</button>
</li>
<li class="hackerJob trolls" data-hackerjob="trolls">
<button type="button" class="remove">-</button>
<button type="button" class="hack">
<span class="num">#</span>
Trolls
<span class="jobDesc">Attack Rival Nodes</span>
</button>
<button type="button" class="add">+</button>
</li>
<li class="hackerJob blackHats" data-hackerjob="blackHats">
<button type="button" class="remove">-</button>
<button type="button" class="hack">
<span class="num">#</span>
Black Hats
<span class="jobDesc">Espionage - Steal Info</span>
</button>
<button type="button" class="add">+</button>
</li>
<li class="hackerJob developers" data-hackerjob="developers">
<button type="button" class="remove">-</button>
<button type="button" class="hack">
<span class="num">#</span>
Developers
<span class="jobDesc">Create & Sell Products</span>
</button>
<button type="button" class="add">+</button>
</li>
</ul>
</div>
</div>
<div id="upgrades" class="upgrades col">
<h1>Upgrades</h1>
<ul class="upgradesList">
<!-- Populate with JavaScript -->
</ul>
</div>
<div class="dev">
<h3>Cheats</h3>
<button type="button" class="giveMoney">Free $100k</button>
<button type="button" class="goto" data-state="levelUp">Level up</button>
<button type="button" class="goto" data-state="win">Win</button>
<button type="button" class="goto" data-state="lose">Lose</button>
</div>
<nav class="bottom">
<button type="button" class="goto" data-state="mainmenu">Main Menu</button>
</nav>
</div>
<footer class="stateFooter">
<a href="ld32/">Originally developed</a> in 48 hours for the
<a href="http://ludumdare.com/compo/category/ld-32/">
Ludum Dare 32 game jam
</a>
<br />Theme: "An Unconventional Weapon"
<br>
by Luke Nickerson
<a href="https://twitter.com/deathraygames">@deathraygames</a>
<br>
using the
<a href="https://github.com/Lukenickerson/rocketboots"
target="_blank"
title="RocketBoots - Starter Kit for Web Games - visit the GitHub repo">
RocketBoots web game starter kit - alpha-v0.1
</a>
<br>
© 2015
</footer>
<script src="scripts/rocketboots/core.js"></script>
<script src="scripts/game.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-7118348-1', 'deathraygames.com');
ga('send', 'pageview');
</script>
</body>
</html>