30:T5a4,gun = view(38, 18, [ 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,1,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0, 0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,1,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0, 0,1,1,0,0,0,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,1,1,0,0,0,0,0,0,0,0,1,0,0,0,1,0,1,1,0,0,0,0,1,0,1,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0 ])31:Ta7e,function* view(n, m, grid, vx = 0, vy = 0) { const pad = 1; const delay = 750; const radius = 20; const svg = DOM.svg(n * radius + 1, m * radius + 1); svg.setAttribute("viewBox", [pad * radius - 0.5, pad * radius - 0.5, n * radius + 1, m * radius + 1]); svg.setAttribute("stroke", "lightgray"); svg.style.display = "block"; let grid1 = new Array((n + pad * 2) * (m + pad * 2)).fill(0), grid2 = grid1.slice(); for (let y = 0; y < m; ++y) { for (let x = 0; x < n; ++x) { grid1[(y + pad) * (n + pad * 2) + x + pad] = grid[y * n + x]; } } n += pad * 2, m += pad * 2; for (let y = 0; y < m; ++y) { for (let x = 0; x < n; ++x) { const rect = svg.appendChild(DOM.element("svg:rect")); rect.setAttribute("width", radius); rect.setAttribute("height", radius); rect.setAttribute("x", x * radius); rect.setAttribute("y", y * radius); } } let changed; let ox = 0; let oy = 0; do { changed = false; if (vx || vy) { let then = Date.now(); requestAnimationFrame(function slide() { const t = (Date.now() - then) / delay; for (let y = 0, i = 0; y < m; ++y) { const y1 = (y + oy + vy * t) % m; for (let x = 0; x < n; ++x, ++i) { const x1 = (x + ox + vx * t) % n; const rect = svg.childNodes[i]; rect.setAttribute("x", (x1 < 0 ? x1 + n : x1) * radius); rect.setAttribute("y", (y1 < 0 ? y1 + m : y1) * radius); } } if (t < 1) requestAnimationFrame(slide); }); } yield Promises.tick(delay, svg); ox += vx; oy += vy; for (let y = 0; y < m; ++y) { for (let x = 0; x < n; ++x) { let i = y * n + x; let s1 = grid1[i]; let k = -s1; for (let dy = -1; dy <= 1; ++dy) { let yd = y + dy; if (vy) { if (0 > yd) yd = m - 1; else if (yd >= m) yd = 0; } else { if (0 > yd) continue; else if (yd >= m) break; } for (let dx = -1; dx <= 1; ++dx) { let xd = x + dx; if (vx) { if (0 > xd) xd = n - 1; else if (xd >= n) xd = 0; } else { if (0 > xd) continue; else if (xd >= n) break; } k += grid1[yd * n + xd]; } } let s2 = +(s1 === 1 ? 2 <= k && k <= 3 : k === 3); if (s1 !== s2) changed = true; grid2[y * n + x] = s2; svg.childNodes[i].setAttribute("fill", s1 ? "black" : "white"); } } [grid1, grid2] = [grid2, grid1]; } while (changed); }32:[] 2e:{"title":"Grid Test","cells":[{"id":0,"value":"md`# Grid Test`","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":6,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}