-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgameOfLife.html
executable file
·99 lines (97 loc) · 3.5 KB
/
gameOfLife.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
<!DOCTYPE html>
<html>
<head>
<title>Conway's Game Of Life... 3D!</title>
<meta name="author" content="Samuel Levy" />
<script type="text/javascript" src="RequestAnimationFrame.js"></script>
<script type="text/javascript" src="three.js/three.min.js"></script>
<script type="text/javascript" src="jquery-1.7.min.js"></script>
<script type="text/javascript" src="gameoflife.js" defer="defer"></script>
<style>
body {
font-family: Monospace;
background-color: #f0f0f0;
margin: 0px;
padding: 10px;
}
</style>
</head>
<body>
<div id="gameoflife" style="border:1px solid #CCCCCC; margin:20px;"></div>
This is a fork of
<a href="https://github.com/samlev/3DGameOfLife">https://github.com/samlev/3DGameOfLife</a>.
<div id="controls">
Map size:
<select name="size" id="size">
<option value="5">Tiny (125 cells)</option>
<option value="8">Small (512 cells)</option>
<option value="10">Medium (1000 cells)</option>
</select>
Speed:
<select name="speed" id="speed">
<option value="1000">Slow (1 generation/second)</option>
<option value="500">Medium (2 generations/second)</option>
<option value="100">Fast (10 generations/second)</option>
<option value="50">Hyper (20 generations/second)</option>
</select>
Lonely Count:
<select name="lonely" id="lonely">
<option value="0">0 cell</option>
<option value="1">1 cell</option>
<option selected="selected" value="2">2 cells</option>
<option value="3">3 cells</option>
<option value="4">4 cells</option>
<option value="5">5 cells</option>
<option value="6">6 cells</option>
<option value="7">7 cells</option>
<option value="8">8 cells</option>
</select>
Breed Count:
<select name="breed" id="breed">
<option value="0">0 cell</option>
<option value="1">1 cell</option>
<option value="2">2 cells</option>
<option value="3">3 cells</option>
<option selected="selected" value="4">4 cells</option>
<option value="5">5 cells</option>
<option value="6">6 cells</option>
<option value="7">7 cells</option>
<option value="8">8 cells</option>
</select>
Overcrowded Count:
<select name="overcrowd" id="overcrowd">
<option value="0">0 cell</option>
<option value="1">1 cell</option>
<option value="2">2 cells</option>
<option value="3">3 cells</option>
<option value="4">4 cells</option>
<option selected="selected" value="5">5 cells</option>
<option value="6">6 cells</option>
<option value="7">7 cells</option>
<option value="8">8 cells</option>
</select>
<br>
<select name="virus lifespan" id="lifespan">
<option value="0">0 gen</option>
<option selected="selected" value="1">1 gen</option>
<option value="2">2 gens</option>
<option value="3">3 gens</option>
<option value="4">4 gens</option>
<option value="5">5 gens</option>
<option value="6">6 gens</option>
<option value="7">7 gens</option>
<option value="8">8 gens</option>
</select>
Visual Effect:
<select name="effect" id="effect">
<option value="0">gravity fall</option>
<option selected="selected" value="1">explosion</option>
<option value="2">texture</option>
<option value="3">no effect</option>
</select>
<input type="button" id="pause" value="Stop" />
<input type="button" id="reset" value="Randomize/Reset" />
<input type="button" id="injectVirus" value="Inject Virus" />
</div>
</body>
</html>