forked from aurium/ant-realm
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
66 lines (66 loc) · 2.32 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
<html>
<head>
<meta charset="utf-8" />
<meta id="viewport" name="viewport" content="width=device-width, user-scalable=yes, initial-scale=0.75" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<title>Ant Realm</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="ctrlBox">
<h1>Ant Realm</h1>
<div id="ctrl">
<div id="cmd">
<h2>Commands</h2>
<div id="btns">
<button id="btHome">Back Home</button>
<button id="btFood">Get Food</button>
<button id="btAttack">Attack!</button><br>
<button id="btN">Go North</button>
<button id="btS">Go South</button>
<button id="btW">Go West</button>
<button id="btE">Go East</button>
</div>
<hr>
<h2>Proportions</h2>
<ul>
<li class="prop" id="propWork">Worker: <b id="propWorkV">90%</b></li>
<li class="prop" id="propWarr">Warrior: <b id="propWarrV">10%</b></li>
</ul>
<small>(click to increase)</small>
<hr>
<h2>Your ants</h2>
<li>workers: <b id="qtdWorkN">0</b> in, <b id="qtdWorkG">0</b> out.</li>
<li>warriors: <b id="qtdWarrN">0</b> in, <b id="qtdWarrG">0</b> out.</li>
<hr>
Food: <b id="qtdFood">0</b> <br>
Queen's health: <b id="queenFood">0</b> <br>
Lifetime: <b id="lifetimeEl">0</b>
<hr>
</div>
</div>
<div id="map"> Map<div id="view"></div></div>
</div>
<div id="garden">
<canvas id="c"></canvas>
<canvas id="cTMP"></canvas>
<div id="debug"></div>
<div id="mvN" class="mv" x='0' y='-1'>↑</div>
<div id="mvS" class="mv" x='0' y='1'>↓</div>
<div id="mvW" class="mv" x='-1' y='0'>←</div>
<div id="mvE" class="mv" x='1' y='0'>→</div>
</div>
<b id="record"></b>
<div id="messageBox"></div>
<div id="dialog" style="display:none">
<h2 id="dialogTitle">Dialog Title</h2>
<b id="dialogBtClose" onclick="this.parentNode.style.display='none'">×</b>
<div id="dialogContent">Dialog content.</div>
<b id="dialogBtFunc">Button</b>
</div>
<script src="cookies.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script src="client.js"></script>
</body>
</html>