var ctx; onload = function () { start([[1,0,1],[0,1,0],[1,1,1]]); } function start(arr) { var c = document.getElementById("c"); ctx = c.getContext("2d"); var size = 50; var life = []; for (var y = 0; y < size; y++) { life[y] = []; for (var x = 0; x < size; x++) { life[y][x] = x >= size / 2 && y >= size / 2 && arr[y-size/2] && arr[y-size/2][x-size/2]; } } c.height = size * 10; c.width = size * 10; gameOfLife(life, size); } function gameOfLife(life,size) { ctx.clearRect(0, 0, size * 10, size * 10); for (var y = 0; y < size; y++) { for (var x = 0; x < size; x++) { if (life[y][x]) ctx.fillRect(x*10, y*10, 10, 10); } } life = getGen(life); setTimeout(gameOfLife, 200, life, size); } function getGen(life) { var newlife = []; var size = life.length; for (var y = 0; y < size; y++) { newlife[y] = []; for (var x = 0; x < size; x++) { var alive = aliveNeigbors(life, size,x, y); if (life[y][x]) { newlife[y][x] = alive === 2 || alive === 3; } else { newlife[y][x] = alive === 3; } } } return newlife; } function aliveNeigbors(life, size,x, y) { var count = 0; for (var dy = -1; dy <= 1; dy++) { for (var dx = -1; dx <= 1; dx++) { if (dx === 0 && dy === 0) continue; var tx = x+dx<0?size-1:x+dx>=size?0:x+dx; var ty = y+dy<0?size-1:y+dy>=size?0:y+dy; if (life[ty][tx]) { count++; } } } return count; } function inRange(x, y, life) { return x >= 0 && x < life.length && y >= 0 && y < life.length; }

GameOfLife