-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
89 lines (82 loc) · 2.19 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
body {
font-family: verdana;
}
td:first-child, legend {
font-weight: bold;
}
canvas {
border: 1px solid black;
margin-top: 10px;
}
fieldset {
float: left;
margin-right: 10px;
}
button {
font-size: x-large;
}
</style>
</head>
<body>
<h1>Web Worker Coral generator, based on the <a href="http://en.wikipedia.org/wiki/Conway%27s_Game_of_Life">Game of Life</a></h1>
<p>Uses the <strong>B3/S45678</strong> ruleset.</p>
<fieldset>
<legend>Configuration</legend>
<table>
<tbody>
<tr>
<td>Width</td>
<td><input type="text" id="width" size="4" value="400" /> px</td>
</tr>
<tr>
<td>Height</td>
<td><input type="text" id="height" size="4" value="300" /> px</td>
</tr>
<tr>
<td>Age</td>
<td>
<select id="age">
<option value="1">1 (newborn)</option>
<option value="2">2 (newborn)</option>
<option value="5">5 (baby)</option>
<option value="20">20 (baby)</option>
<option selected="selected" value="50">50 (young)</option>
<option value="100">100 (medium)</option>
<option value="200">200 (mature)</option>
<option value="300">300 (old)</option>
<option value="500">500 (extreme)</option>
<option value="1000">1000 (extreme)</option>
</select>
</td>
</tr>
<tr>
<td>Color</td>
<td>
<select id="color">
<option value="0">Black/White</option>
<option value="1">Red</option>
<option value="2">Green</option>
<option value="3">Blue</option>
<option selected="selected" value="4">Hue</option>
</select>
</td>
</tr>
<!--
<tr>
<td>Random pool</td>
<td><input type="text" id="random" size="60" value="Lorem ipsum dolor sit amet" /></td>
</tr>
-->
</tbody>
</table>
<button id="go"><strong>GO!</strong> (might take some time)</button>
</fieldset>
<canvas></canvas>
<script type="text/javascript" src="coral.js"></script>
</body>
</html>