-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
100 lines (99 loc) · 4.37 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Tiny World Of Life</title>
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<link rel="stylesheet" type="text/css" href="style.css"/>
<script type="text/javascript" src="lib/keymaster.min.js"></script>
<script type="text/javascript" src="lib/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="assets/game.js"></script>
<script type="text/javascript" src="lib/Three.js"></script>
<script type="text/javascript" src="lib/Tween.js"></script>
<script type="text/javascript" src="assets/graphics.js"></script>
<script type="text/javascript" src="assets/keyboard.js"></script>
<script type="text/javascript" src="assets/world.js"></script>
<script type="text/javascript" src="assets/cell.js"></script>
<script type="text/javascript" src="assets/camera.js"></script>
<script type="text/javascript" src="assets/audio.js"></script>
</head>
<body>
<h1>Tiny World Of Life</h1>
<div id="container"></div>
<ul id="tileMenu">
</ul>
<ul id="score">
<li>Most alive: <span class="alive">0</span>
<li>Best age: <span class="age">0</span>
<li>Tiles placed: <span class="tiles">0</span>
<li>Total: <span class="total">0</span>
</ul>
<div id="finish"><div>
<h2>A valiant attempt!</h2>
<p>press 'r' to try again</p>
</div></div>
<div id="tutorial">
<h2>Dear candidate disciple,</h2>
<p>
You have been accepted to the auditions for the intergalactic academy of life.
</p>
<p>
To prove that you are worthy of studying the science of life at
the intergalactic academy of life we present
you with the following tiny world. Your task is to make this world
into a planet that can sustain life. You will be provided with one
cell of life and copious amounts of earth, forest, grass and water.
Use these resources to your advantage. You will be rewarded for the
largest amount of life the world is able to bring forth, the largest
life span of a life cell. The amount of materials used to produce
this planet will reduce your score.
</p>
<p>
Remember all life needs water and forest!
</p>
<p>
Kind regards,<br />
Professor Dsc. Blr. A. Digglebrafz
<p>
<h3>Press 'enter' to continue</h3>
</div>
<div id="help">
<h2>Controls</h2>
<p>
During world creation, the following keys are available
<table border="1">
<tr>
<th>Key(s)</th><th>Action</th>
</tr><tr>
<td>W-A-S-D</td><td>Moves the camera</td>
</tr><tr>
<td>Up/Down<br />1 through 5</td><td>Toggle through different terrains</td>
</tr><tr>
<td>Space</td><td>Place terrain on selected tile</td>
</tr><tr>
<td>C</td><td>Clears the entire world</td>
</tr></table>
</p>
Placing a cell of life starts the simulation and you will no longer be able to place terrain. The simulation will end when all life has died, or when the user presses 'F'
<p>
During the simulation, the following keys are available
<table border="1">
<tr>
<th>Key(s)</th><th>Action</th>
</tr><tr>
<td>W-A-S-D</td><td>Moves the camera</td>
</tr><tr>
<td>P</td><td>Pauses the simulation</td>
</tr><tr>
<td>F</td><td>Finishes the simulation, in case you manage to create an infinite cycle of life</td>
</tr></table></p>
Also: Press H to close (or re-open) this help tab
</div>
<div id="helpline">
</div>
<div id="footer">
© 2012 Jeroen van Vroonhoven and <a href="http://tinco.nl">Tinco Andringa</a>. Audio samples recorded by <a href="http://www.freesound.org/people/Corsica_S/">Corsica_S</a>
</div>
</body>
</html>