-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
66 lines (65 loc) · 2.43 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Tower Tower Defence Defence</title>
<!-- <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta http-equiv="cleartype" content="on">
<link rel="icon" href="assets/favicon.png">
<link href="https://fonts.googleapis.com/css2?family=Roboto" rel="stylesheet">
<style>
html,
body,
canvas {
font-family: 'Roboto', 'sans-serif';
margin: 0 !important;
padding: 0 !important;
/* overflow: hidden !important; */
background-color: #FFC8A0;
}
#content {
width: 100%;
text-align: center;
margin-top: 2vh;
}
h1 {
text-align: center;
}
a {
color: rgb(100, 100, 100);
text-decoration: none;
/* color: white; */
}
p, ul, li {
text-align: left;
}
p, ul {
font-size: 1em;
}
</style>
</head>
<body>
<h1>Tower Tower Defence Defence</h1>
<div id="content"></div>
<div id='about_text' style="width: 650px; margin-left: auto; margin-right: auto; margin-top: 2vh;">
Towers do all the work in TD games. <em>But who will defend the defenders themselves?</em>
<br>
A <a href='https://ldjam.com/events/ludum-dare/48/TODO'>LD48</a> game by <a href='https://github.com/allemansratten/'>Allemansrätten</a>.
<h2>Tutorial</h2>
<p>TLDR: Drag-and-drop to build towers, click on them to enter an inner TD game. If you kill most enemies in the inner game, the tower will level up.</p>
<p>
The goal is to <b>prevent the enemies from reaching the end</b>. If too many enemies do, you lose.
You do this by building towers via the drag-and-drop menu on the left.
Each tower you build starts at level 1. The yellow bar under the tower shows progress towards the next level.
</p>
<p>
But the yellow bar will not fill by itself! <b>Click on the built tower to go inside.</b>
There is another tower defence game! Every time an enemy reaches the end, the yellow bar shrinks.
<b>If you kill enough enemies in the inner world, the corresponding tower will upgrade.</b>
</p>
</div>
</body>
</html>