2d:null 2e:["$","title",null,{"children":"Assignment 7 - GenArt | John C | Observable"}] 33:T45a,viewof opts2D = { //ref to https://observablehq.com/@s-haensch/multiple-inputs-in-a-cell const form = html` ` ; form.oninput = () => { form.value = [form.El.value, form.Eu.value,form.Fl.value, form.Fu.value, form.density.value]; } form.value = [form.El.value, form.Eu.value,form.Fl.value, form.Fu.value, form.density.value]; return form; }34:T965,p5(s => { let rule = opts2D.map(n => parseInt(n)); rule.pop(); rule[4] = parseFloat(opts2D[4]) let cols = 120,rows = 80; let grid = (() => { let tem = new Array(cols); for (let i = 0; i < tem.length; i++) { tem[i] = new Array(rows); } return tem; })() let size = 5; s.setup = function () { s.createCanvas(600,400); for (let i = 0; i < grid.length; i++) { for (let j = 0; j < grid[i].length; j++){ let coin = s.random(1); if (coin < rule[4]) { grid[i][j] = 1; } else { grid[i][j] = 0; } } } s.frameRate(8); } s.draw = function () { s.background(255); grid.forEach((col,x) => { col.forEach((c,y) => { if (c) { s.fill(0); s.noStroke(); s.rect(size * x, size * y, size, size); } else { s.noFill(); s.stroke(140,150); s.rect(size * x, size * y, size, size); } }); }); updateGrid(); } const updateGrid = function () { let next = (() => { let tem = new Array(cols); for (let i = 0; i < tem.length; i++) { tem[i] = new Array(rows); } return tem; })() for (let i = 0; i < cols; i++) { for (let j = 0; j < rows; j++){ let pre = grid[i][j]; let sum = count(grid, i, j); if (pre) sum--; let nxt; if (pre) { if (sum >= rule[0] && sum <= rule[1]) { nxt = 1; } else { nxt = 0; } } else { if (sum >= rule[2] && sum <= rule[3]) { nxt = 1; } else { nxt = 0; } } next[i][j] = nxt; } } grid = next; } const count = function (grid, i, j) { let sum = 0; for (let k = -1; k < 2; k++) { for (let l = -1; l < 2; l++){ let x = (i + k + cols) % cols; let y = (j + l + rows) % rows; sum += grid[x][y]; } } return sum; } s.mouseClicked = function () { if (s.mouseX > s.width || s.mouseX < 0 || s.mouseY > s.height || s.mouseY < 0) return; for (let i = 0; i < grid.length; i++) { for (let j = 0; j < grid[i].length; j++){ let coin = s.random(1); if (coin < rule[4]) { grid[i][j] = 1; } else { grid[i][j] = 0; } } } } })35:T45b,viewof opts3D = { //ref to https://observablehq.com/@s-haensch/multiple-inputs-in-a-cell const form = html` ` ; form.oninput = () => { form.value = [form.El.value, form.Eu.value,form.Fl.value, form.Fu.value, form.density.value]; } form.value = [form.El.value, form.Eu.value,form.Fl.value, form.Fu.value, form.density.value]; return form; }36:Tc59,p5(s => { let rule = opts3D.map(n => parseInt(n)); rule.pop(); rule[4] = parseFloat(opts3D[4]); let xNo = 40, yNo = 40, zNo = 40; let grid = (() => { let tem = new Array(xNo); for (let i = 0; i < tem.length; i++) { tem[i] = new Array(yNo); for (let j = 0; j < tem[i].length; j++) { tem[i][j] = new Array(zNo); } } return tem; })() let size = 10; s.setup = function () { s.createCanvas(400,400,s.WEBGL); for (let i = 0; i < grid.length; i++) { for (let j = 0; j < grid[i].length; j++){ for (let k = 0; k < grid[i][j].length; k++) { let coin = s.random(1); if (coin < rule[4]) { grid[i][j][k] = 1; } else { grid[i][j][k] = 0; } } } } s.frameRate(2); } s.draw = function () { s.background(255); s.push(); s.translate(-s.height/2, -s.height/2, -300) s.rotateY(s.PI/4); grid.forEach((xa,x) => { xa.forEach((ya,y) => { ya.forEach((c,z) => { if (c) { s.fill(0,150); s.noStroke(); s.push(); s.translate(size/2 + size * x,size/2 + size * y,size/2 + size * z); s.box(size); s.pop(); } }); }); }); s.pop(); updateGrid(); } const updateGrid = function () { let next = (() => { let tem = new Array(xNo); for (let i = 0; i < tem.length; i++) { tem[i] = new Array(yNo); for (let j = 0; j < tem[i].length; j++) { tem[i][j] = new Array(zNo); } } return tem; })() for (let i = 0; i < xNo; i++) { for (let j = 0; j < yNo; j++) { for (let k = 0; k < xNo; k++) { let pre = grid[i][j][k]; let sum = count(grid, i, j, k); //if (sum!=0) console.log(sum); if (pre) sum --; let nxt; if (pre) { if (sum >= rule[0] && sum <= rule[1]) { nxt = 1; } else { nxt = 0; } } else { if (sum >= rule[2] && sum <= rule[3]) { nxt = 1; } else { nxt = 0; } } next[i][j][k] = nxt; } } } grid = next; //console.log(grid) } const count = function (g, i, j, k) { let sum = 0; for (let l = -1; l < 2; l++) { for (let m = -1; m < 2; m++) { for (let n = -1; n < 2; n++) { let x = (i + l + xNo) % xNo; let y = (j + m + yNo) % yNo; let z = (k + n + zNo) % zNo; sum += g[x][y][z]; } } } return sum; } s.mouseClicked = function () { if (s.mouseX > s.width || s.mouseX < 0 || s.mouseY > s.height || s.mouseY < 0) return; for (let i = 0; i < grid.length; i++) { for (let j = 0; j < grid[i].length; j++){ for (let k = 0; k < grid[i][j].length; k++) { let coin = s.random(1); if (coin < rule[4]) { grid[i][j][k] = 1; } else { grid[i][j][k] = 0; } } } } } })37:Tbf5,p5(s => { const rule = [3,4,3,4,0.1]; let cols = 120,rows = 80; let grid = (() => { let tem = new Array(cols); for (let i = 0; i < tem.length; i++) { tem[i] = new Array(rows); } return tem; })() let size = 5; s.setup = function () { s.createCanvas(600,400); for (let i = 0; i < grid.length; i++) { for (let j = 0; j < grid[i].length; j++){ let coin = s.random(1); if (coin < rule[4]) { grid[i][j] = 1; } else { grid[i][j] = 0; } } } s.frameRate(15); } s.draw = function () { s.background(255,8); s.noFill(); s.strokeWeight(0.5); let alive = [] grid.forEach((col,x) => { col.forEach((c,y) => { if (c) { alive.push({x:x* size + size/2,y:y*size + size/2}); } }); }); if (alive.length >= 0.27 * cols * rows) s.noLoop(); let aliveDelaunay = d3.Delaunay.from(alive.map(o =>[o.x, o.y])); let aliveVor = aliveDelaunay.voronoi([-1,-1,s.width+1,s.height+1]); for (let i = 0, n = aliveDelaunay.halfedges.length; i < n; i++) { let j = aliveDelaunay.halfedges[i]; if (i < j) continue; let vi = Math.floor(i / 3) * 2; let vj = Math.floor(j / 3) * 2; let d = s.dist(aliveVor.circumcenters[vi], aliveVor.circumcenters[vi + 1], aliveVor.circumcenters[vj], aliveVor.circumcenters[vj + 1]); s.stroke(s.map(d,10,400,50,150),s.map(d,10,400,200,100)); s.line(aliveVor.circumcenters[vi], aliveVor.circumcenters[vi + 1], aliveVor.circumcenters[vj], aliveVor.circumcenters[vj + 1]); } updateGrid(); //s.noLoop(); } const updateGrid = function () { let next = (() => { let tem = new Array(cols); for (let i = 0; i < tem.length; i++) { tem[i] = new Array(rows); } return tem; })() for (let i = 0; i < cols; i++) { for (let j = 0; j < rows; j++){ let pre = grid[i][j]; let sum = count(grid, i, j); if (pre) sum--; let nxt; if (pre) { if (sum >= rule[0] && sum <= rule[1]) { nxt = 1; } else { nxt = 0; } } else { if (sum >= rule[2] && sum <= rule[3]) { nxt = 1; } else { nxt = 0; } } next[i][j] = nxt; } } grid = next; } const count = function (grid, i, j) { let sum = 0; for (let k = -1; k < 2; k++) { for (let l = -1; l < 2; l++){ let x = (i + k + cols) % cols; let y = (j + l + rows) % rows; sum += grid[x][y]; } } return sum; } s.mouseClicked = function () { if (s.mouseX > s.width || s.mouseX < 0 || s.mouseY > s.height || s.mouseY < 0) return; s.loop(); for (let i = 0; i < grid.length; i++) { for (let j = 0; j < grid[i].length; j++){ let coin = s.random(1); if (coin < rule[4]) { grid[i][j] = 1; } else { grid[i][j] = 0; } } } } })38:Tab3,p5(s => { const NO_OF_STATE = 20; const COLORS = ["#5bba6f","#3fa34d","#2a9134","#137547","#054a29","#f6511d","#ffb400","#00a6ed","#0d2c54","#2e3532","#ba5b99","#a34089","#912a79","#751334","#4a051d","#1da6f5","#002bff","#ed6700","#543f0d","#362f31"]; const THRESHOLDL = 2; const THRESHOLDT = 5; const cols = 30; const rows = 30; let seed = new Array(cols*rows); let states = new Array(seed.length); let nextStates = new Array(seed.length); let w = 600; let h = 600; const initSeed = function (w,h) { for (let x = 0; x < cols; ++x) { for (let y = 0; y < rows; ++y) { let idx = x + y * cols; let ww = w/cols let hh = h/rows let range = 0.8 seed[idx] = [ww/2 + x*ww + s.random(-ww*range,ww*range),hh/2 + y*hh + s.random(-hh*range,hh*range)] states[idx] = s.random([0,1,2]) } } } let delaunay, voronoi; s.setup = function () { s.createCanvas(w,h); s.background(255); initSeed(w,h); delaunay = d3.Delaunay.from(seed); voronoi = delaunay.voronoi([1,1,w-1,h-1]); let pass = true; for (let i = 0; i < seed.length; ++i) { if (!voronoi.cellPolygon(i)) pass = false; } while (!pass){ initSeed(w,h); pass = true; for (let i = 0; i < seed.length; ++i) { if (!voronoi.cellPolygon(i)) pass = false; } } s.frameRate(30); } s.draw = function (){ if (s.frameCount % 6 === 0) nextStates = new Array(seed.length); for (let i = 0; i < seed.length; ++i) { render(i); if (s.frameCount % 6 === 0) updateNext(i); } if (s.frameCount % 6 === 0) states = nextStates; } const updateNext = function (i) { let thisState = states[i]; let count = 0; const vNeighbours = [...voronoi.neighbors(i)]; //console.log(vNeighbours.length) for (const j of vNeighbours) { if (states[j] === thisState) count ++; } if (count >= THRESHOLDL && count < THRESHOLDT) { nextStates[i] = (thisState + 1 + NO_OF_STATE) % NO_OF_STATE; } else if (count >= THRESHOLDT) { nextStates[i] = (thisState - 1 + NO_OF_STATE) % NO_OF_STATE; } else { nextStates[i] = thisState; } } const render = function (i) { if (i < 0 ) return; let pg = voronoi.cellPolygon(i); s.push(); let temc = s.color(COLORS[states[i]]); temc.setAlpha(s.frameCount === 1 ? 255 : 32); s.fill(temc); s.stroke(255,200); s.strokeWeight(2); //s.noStroke(); s.beginShape(); pg.forEach(p => s.vertex(p[0],p[1])) s.endShape(s.CLOSE); s.pop(); } s.mouseClicked = function () { if (s.mouseX > s.width || s.mouseX < 0 || s.mouseY > s.height || s.mouseY < 0) return; initSeed(w,h) } })39:Tfff,p5(s => { const rule = [3,4,3,4]; const countNeibours = function (i, j, targetGrid) { let cols = Math.floor(targetGrid.w/targetGrid.cs) let rows = Math.floor(targetGrid.h/targetGrid.cs) let sum = 0; for (let k = -1; k < 2; k++) { for (let l = -1; l < 2; l++){ let x = (i + k + cols) % cols; let y = (j + l + rows) % rows; if (x == i && y == j) continue; //console.log(i,k,cols,x); if (targetGrid.cells[x][y].state) sum ++; } } return sum; } class Cell{ /* @param loc: Object:{x,y} @param state: 0 || 1 */ constructor(loc,state,size,team){ this.loc = loc; this.state = state; this.nextState = undefined; this.size = size; this.team = team; } render(){ if (this.state !== 0) { s.push(); s.stroke(0,16); s.strokeWeight(0.5); s.fill(this.team === 1 ? 10 : 250); s.ellipse(this.loc.x * this.size + this.size/2,this.loc.y * this.size + this.size/2, this.size); s.pop(); } } updateNext(){ let alliesCount = countNeibours(this.loc.x, this.loc.y,this.team === 1 ? grid1 : grid2); let enemyCount = countNeibours(this.loc.x, this.loc.y,this.team === 1 ? grid2 : grid1); // if (this.state === 0) { if (alliesCount < rule[2] || alliesCount > rule[3]) { this.nextState = 0; } else if (enemyCount - alliesCount > 1) { this.nextState = 0; } else { this.nextState = 1; } } else if (this.state === 1) { if (alliesCount < rule[0] || alliesCount > rule[1]) { this.nextState = 0; } else if (enemyCount - alliesCount > 1) { this.nextState = 0; } else { this.nextState = 1; } } } update(){ //console.log (this.state == this.nextState) this.state = this.nextState; this.nextState = undefined; } } class Grid{ constructor(w,h,cs,t){ this.w = w; this.h = h; this.cs = cs; this.cells = (() => { let tem = new Array(Math.floor(w/cs)) for (let i = 0; i < tem.length; i ++) { tem[i] = new Array(Math.floor(h/cs)); } return tem })(); this.initCells(t); } renderGrid(){ s.push(); s.noFill(); s.stroke(0); s.strokeWeight(0.5); for (let x = this.cs/2; x < s.width; x += this.cs){ s.line(x,0,x,s.height); } for (let y = this.cs/2; y < s.height; y += this.cs){ s.line(0,y,s.width,y); } s.pop(); } initCells(t){ for (let i = 0; i < this.cells.length; i++) { for (let j = 0; j < this.cells[i].length; j++) { let state = (() => { let coin = s.random(); if (coin < 0.85) return 0; return 1; })(); this.cells[i][j] = new Cell({x:i,y:j}, state, this.cs, t); } } } } let grid1,grid2; s.setup = function (){ s.createCanvas(640,640); s.background(200); grid1 = new Grid(s.width,s.height,10,1); grid2 = new Grid(s.width,s.height,10,2); s.frameRate(2); } s.draw = function (){ let end = true; s.background(200); grid1.renderGrid(); grid1.cells.forEach(col =>{ col.forEach(c => { c.render(); c.updateNext(); if (end && c.state !== 0 ) end = false; }) }); grid2.cells.forEach(col =>{ col.forEach(c => { c.render(); c.updateNext(); if (end && c.state !== 0 ) end = false; }) }); if (end) s.noLoop(); for (let i = 0; i < grid1.cells.length; ++i) { for (let j = 0; j < grid1.cells[i].length; ++j) { grid1.cells[i][j].update(); grid2.cells[i][j].update(); } } //s.noLoop(); } s.mouseClicked = function () { if (s.mouseX > s.width || s.mouseX < 0 || s.mouseY > s.height || s.mouseY < 0) return; grid1.initCells(1); grid2.initCells(2); } })3a:[{"id":"3da59c699341f53e9ba94566cdfe3ff9963c9b5b1a930b2951d902d709b26de14a0963f8c8f5e4d5168ba5815861b5634cf02cfc31bc28404f7377aebe5d9d73","href":"https://static.observableusercontent.com/files/3da59c699341f53e9ba94566cdfe3ff9963c9b5b1a930b2951d902d709b26de14a0963f8c8f5e4d5168ba5815861b5634cf02cfc31bc28404f7377aebe5d9d73","name":"圖片@1.png","type":"image/png","lastModified":1635232443531.497,"size":457425},{"id":"cf7f79841ee407b15b589384dc29276baa098e66ed572dbbfd56f674d0687f756d5d1c8c7f6134fca8663a0853d5ea88f7a0ed76df08e192d16360c489f993b3","href":"https://static.observableusercontent.com/files/cf7f79841ee407b15b589384dc29276baa098e66ed572dbbfd56f674d0687f756d5d1c8c7f6134fca8663a0853d5ea88f7a0ed76df08e192d16360c489f993b3","name":"圖片.png","type":"image/png","lastModified":1635232335395.134,"size":736967},{"id":"f1b1020da82022e1360800a4ee34b14fbfc7259059ad0cb1446774b2a0ffed7ca2d95a54931bbc7e878745807089f72643bacfbfdf0aed6f3e2ba2e4f4a89feb","href":"https://static.observableusercontent.com/files/f1b1020da82022e1360800a4ee34b14fbfc7259059ad0cb1446774b2a0ffed7ca2d95a54931bbc7e878745807089f72643bacfbfdf0aed6f3e2ba2e4f4a89feb","name":"圖片@2.png","type":"image/png","lastModified":1635237564271.936,"size":355769},{"id":"5cebe8b2bc100e1ef19da8cf3d1c080c0df49784abe857546b0f17173660a6e7d35460a1c87cd17092731c4bf9b5515756d73aac7a8774d515883bebe53ca81f","href":"https://static.observableusercontent.com/files/5cebe8b2bc100e1ef19da8cf3d1c080c0df49784abe857546b0f17173660a6e7d35460a1c87cd17092731c4bf9b5515756d73aac7a8774d515883bebe53ca81f","name":"圖片@3.png","type":"image/png","lastModified":1635237603107.039,"size":411055},{"id":"07662ee3ebf2e4d0d6516ca7c99c80f38ef2f26a1fc333192308f8b6e7decbdff2c44d0387514105e0ea595fd1b4b52fcd535fcaa135302c9d891e936aa024bf","href":"https://static.observableusercontent.com/files/07662ee3ebf2e4d0d6516ca7c99c80f38ef2f26a1fc333192308f8b6e7decbdff2c44d0387514105e0ea595fd1b4b52fcd535fcaa135302c9d891e936aa024bf","name":"圖片@4.png","type":"image/png","lastModified":1635246605561.09,"size":346272},{"id":"66683340030c83f10e29f87a77d024b2022d0501309b6139cae092db730d687ad39763d85110e89ec2ac30437f68f3f88dcf210abd964c3bd943789721e76d0d","href":"https://static.observableusercontent.com/files/66683340030c83f10e29f87a77d024b2022d0501309b6139cae092db730d687ad39763d85110e89ec2ac30437f68f3f88dcf210abd964c3bd943789721e76d0d","name":"圖片@5.png","type":"image/png","lastModified":1635246631064.231,"size":183888},{"id":"1d593874f4c5667cf222813657c7d7d3069444c3b1562eb7892c3f0572bc10129c387fd4b832f61ff13f2d90d2b952574d8f0f7669b9372ebe84da9dbac97cb8","href":"https://static.observableusercontent.com/files/1d593874f4c5667cf222813657c7d7d3069444c3b1562eb7892c3f0572bc10129c387fd4b832f61ff13f2d90d2b952574d8f0f7669b9372ebe84da9dbac97cb8","name":"圖片@6.png","type":"image/png","lastModified":1635246696720.768,"size":305158},{"id":"7a76be1a146e2be8c5857d611a0025493a70ba91cb9fff09d846027129316b56856838bc3b84974417e5f6fcacfdde4decd84441cf4627be9cdeec82724373d2","href":"https://static.observableusercontent.com/files/7a76be1a146e2be8c5857d611a0025493a70ba91cb9fff09d846027129316b56856838bc3b84974417e5f6fcacfdde4decd84441cf4627be9cdeec82724373d2","name":"圖片@7.png","type":"image/png","lastModified":1635246718002.128,"size":191163},{"id":"fa01f273d2051020d3c9048b63561245f3518ebbef841c8704464c74bdb443d8cb5223809dec3c2cc274297bbb1dc8f0a0421c36cb3b3976a8d9deeff6610a83","href":"https://static.observableusercontent.com/files/fa01f273d2051020d3c9048b63561245f3518ebbef841c8704464c74bdb443d8cb5223809dec3c2cc274297bbb1dc8f0a0421c36cb3b3976a8d9deeff6610a83","name":"圖片@9.png","type":"image/png","lastModified":1635253459669.341,"size":469036},{"id":"2b7eff25bcb773d0ef94c4feb25522d49024d5f245df27e6d51ced6d222a15ec1f2c6703216a24af011d51b793188f3c8c6c9bd75824367c1be5fac2880ad936","href":"https://static.observableusercontent.com/files/2b7eff25bcb773d0ef94c4feb25522d49024d5f245df27e6d51ced6d222a15ec1f2c6703216a24af011d51b793188f3c8c6c9bd75824367c1be5fac2880ad936","name":"圖片@10.png","type":"image/png","lastModified":1635253487349.37,"size":392349}] 31:{"id":"070122ff2e5d911b","slug":"assignment-7-genart","title":"Assignment 7 - GenArt","thumbnail":"8081d68d1bb86143d6aff4ac1676053ace2726d3ced00820fbd7948a3efb3496","access_level":"public","create_time":"$D2021-10-22T09:08:14.348Z","update_time":"$D2021-10-27T04:39:45.778Z","view_time":null,"first_public_time":"$D2021-10-26T08:51:04.299Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"b2e9840be7b1b607","login":"real-john-cheung","name":"John C","avatar_url":"https://avatars-next.observableusercontent.com/1d9ef6121a0bbd1a75fab479f9891fe1d78cc65f76c394585ae1a7dad0d3abf6","tier":"starter_2024"},"version":373,"publish_version":373,"role":null,"authored":false,"authors":[{"type":"individual","id":"e8e99acdbe3aebfb","login":"real-john-cheung","name":"John C","avatar_url":"https://avatars-next.observableusercontent.com/1d9ef6121a0bbd1a75fab479f9891fe1d78cc65f76c394585ae1a7dad0d3abf6","tier":null}],"members":[{"type":"individual","id":"e8e99acdbe3aebfb","login":"real-john-cheung","name":"John C","avatar_url":"https://avatars-next.observableusercontent.com/1d9ef6121a0bbd1a75fab479f9891fe1d78cc65f76c394585ae1a7dad0d3abf6","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Assignment 7 - GenArt","cells":[{"id":0,"value":"

Assignment 7 - GenArt

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"

Readings Responses

Side Product of this week's assignment

Spent a few hours on clustering but it is not fast enough for rendering

Sketches

Based on: Candidates for the Game of Life in Three Dimentions by Cater Bays, Complex System. Vol 1, 1987

E: environment, the # of neibours alive to keep a cell alive.
\nF:fertility, the # of neibours alive to create a new alive cell.
\nfor E_l≤E≤E_u and F_l≤F≤F_u, we can define rule R=(E_lE_uF_lF_u).
Conway's Game of Life will be rule R=(2333)

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"

Philosophical questions: As you can see when you try to play with the above sketch, the pre-set R(3434) and Conway's Game of Life R(2333) are two of the few rules that create interesting (or \"alive\") behaviours in the all 1296 possible rules. Now the questions are: Why these two? And who choose them?
\nIf we expand the grid into 3D, we can see this rareness more clearly. With totally 123201 possible rules, only less than 1% of them creates \"alive\" behaviours. And also, they are more demanding for the initial status.

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"

From Cells to Cells

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":175,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":201,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":167,"value":"

Voronoi Life

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":136,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":368,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":151,"value":"

Go Game Iteration II

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":161,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":307,"value":"

Self-organization over time

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"import {p5c,p5} from \"@real-john-cheung/sm3809-a1\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":196,"value":"require('d3-delaunay')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3a","stdlib":"1","titling":"auto"}} 32:"$31:body"