-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
executable file
·91 lines (81 loc) · 3.63 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>HTML 5 - Game of Life</title>
<script src="./lib/jquery.js" type="text/javascript"></script>
<script src="./lib/gol-canvas.js" type="text/javascript"></script>
<script src="./lib/gol-client.js" type="text/javascript"></script>
<link href="css/gol.css" rel="stylesheet" type="text/css">
</head>
<body>
<a href="http://github.com/benjaminplee/HTLM5-GoL"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" /></a>
<div id="container">
<div class="download">
<a href="http://github.com/benjaminplee/HTLM5-GoL/zipball/master">
<img border="0" width="90" src="http://github.com/images/modules/download/zip.png">
</a>
<a href="http://github.com/benjaminplee/HTLM5-GoL/tarball/master">
<img border="0" width="90" src="http://github.com/images/modules/download/tar.png">
</a>
</div>
<h1>
<a href="http://github.com/benjaminplee/HTLM5-GoL">HTLM5-GoL</a>
</h1>
<div class="description">
Game of Life simulation leveraging HTML 5 Web Workers and Canvas tags
</div>
<h2>Sample Game Area</h2>
<p>
<canvas id="gol_canvas" width="401" height="401"></canvas>
<div class="note">If your browser is too old or doesn't support the required HTML 5 features, the box above will remain blank. Reload this page to restart the animation with new random life points.</div>
</p>
<h2>Dependencies</h2>
<p>
<a href="http://visionmedia.github.com/jspec/">JSpec</a> is required to run tests
</p>
<p>
<a href="http://weblog.bocoup.com/javascript-web-workers-opera-10-60-beta-supports-complex-messages">An up to date browser</a>: Firefox 3.5+, Safari 5+, Chrome 5+, Opera 10.6+, etc. Other browsers may work (especially those built on the same Gecko/WebKit engines) but have not been tested.
</p>
<h2>Technical Description</h2>
<p>
HTML 5 Web Workers, Canvas tags, JSpec Javascript testing, ...
</p>
<h2>To Do / Future Features</h2>
<p>
<ul>
<li>Finish rewriting/testing worker and canvas logic</li>
<li>Start/Stop/Reset actions</li>
<li>Save/Load patterns (universally known patters and custom user created; save to local storage)</li>
<li>Add/Remove life with mouse clicks on canvas</li>
<li>Mouse/Keyboard panning of larger matricies, limited viewing area</li>
<li>User defined matrix size</li>
<li>Variable animation speed</li>
<li>Browser testing and verification / IE support ;-)</li>
</ul>
</p>
<h2>Author</h2>
<p>
Benjamin P Lee
<ul>
<li><a href="http://github.com/benjaminplee">GitHub Profile</a></li>
<li><a href="http://twitter.com/leebenjp">twitter.com/leebenjp</a></li>
<li><a href="http://twoguysarguing.wordpress.com">Two Guys Arguing Blog</a></li>
</ul>
</p>
<h2>Download</h2>
<p>
You can download this project in either
<a href="http://github.com/benjaminplee/HTLM5-GoL/zipball/master">zip</a> or
<a href="http://github.com/benjaminplee/HTLM5-GoL/tarball/master">tar</a> formats.
</p>
<p>You can also clone the project with <a href="http://git-scm.com">Git</a>
by running:
<pre>$ git clone git://github.com/benjaminplee/HTLM5-GoL</pre>
</p>
<div class="footer">
get the source code on GitHub : <a href="http://github.com/benjaminplee/HTLM5-GoL">benjaminplee/HTLM5-GoL</a>
</div>
</div>
</body>
</html>