-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbacklife.html
50 lines (38 loc) · 1.01 KB
/
backlife.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
<html>
<canvas width='400' height='400' id='cv'></canvas>
<button type='button' id='next'>Next</button>
<button type='button' id='hold'>Hold & Go</button>
<input type='number' id='ms' value='20' min='1'></input> ms
<script src='life.js'></script>
<script src='atavism.js'></script>
<script>
var a = atavism();
console.log(a.ALIVE.length)
console.log(a.DEAD.length)
// random integer between 0 and x - 1
function rand(x) {
return Math.random() * x | 0;
}
var l = life('cv', 5);
/*for (var i = 0; i < 1000; i++) {
l.setAlive(rand(l.width), rand(l.height), true);
}*/
l.setPattern(40, 40, [[1, 1, 0], [0, 1, 1]] );
l.draw();
var go = function() {
l.nextGen();
l.draw();
};
var next = document.getElementById('next');
next.onclick = go;
var hold = document.getElementById('hold');
var interval;
hold.addEventListener('mousedown', function() {
var ms = document.getElementById('ms').value;
interval = setInterval(go, ms);
});
hold.addEventListener('mouseup', function() {
clearInterval(interval);
});
</script>
</html>