let c, ctx; let frameTime = 0, prevTime = null; let size, life, nextlife; let duration = 400; let elapsed = duration; var rows, cols; let pentominos = [[[1],[1],[1],[1],[1]],[[1,1],[1,1],[1]],[[1],[1],[1,1,1]],[[0,1,1],[1,1],[0,1]],[[1,1],[0,1,1],[1]]] window.onload = function() { requestAnimationFrame(init); }; const {random, sign, sin, cos, PI, ceil, hypot, asin, atan2, abs, floor} = Math function* range(start, stop, step=1) { if (!stop) [start, stop] = [0, start]; for (let i=start; i floor(random()*x) randMat = (row, col , val) => [...range(row)].map(x => [...range(col)].map(y => rand(val))) copyMat = function(mat){ let arr = []; for (let row of mat){ arr.push(row); } return arr; }; start = function(seed){ let out = randMat( rows+1, cols+1, 0); let r = 25; let c = Math.floor(cols/2); for(i = 0; i < seed.length; i++){ for(j = 0; j < seed[i].length; j++){ for(k = 0; k < seed[i][j].length; k++){ out[r*(i+1)+j][c+k]=seed[i][j][k]; } } } return out; } function init(timeStamp) { c = document.getElementById("c"); ctx = c.getContext("2d"); size = 3; c.width = window.innerWidth; c.height = window.innerHeight; rows = ceil((c.height+size) / size); cols = ceil((c.width+size) / size); nextlife = start(pentominos) prevTime = timeStamp; update(); requestAnimationFrame(run); } function run(timeStamp) { frameTime = timeStamp - prevTime; prevTime = timeStamp; elapsed += frameTime; if (elapsed >= duration) { elapsed = 0; draw(); } requestAnimationFrame(run); } function draw() { ctx.beginPath(); ctx.fillStyle = "rgba(0,0,0)"; ctx.fillRect(0, 0, c.width, c.height); ctx.fillStyle="#0D0"; ctx.strokeStyle = "#050"; for (let row=1; row 0){ ctx.fillRect(x, y, size, size); } else{ ctx.strokeRect(x, y, size, size); } } } update(); } function update(){ life = copyMat(nextlife); nextlife = randMat( rows+1, cols+1, 0); for (var row=1; row

bellife