2a:null 2b:["$","title",null,{"children":"Game of Life | Benjamin Tran Dinh | Observable"}] 30:T9c6,frames = { function step(speciesFrame, populationFrame) { let newSpeciesFrame = new Uint8Array(gridSize * gridSize); let newPopulationFrame = new Uint16Array(gridSize * gridSize); newSpeciesFrame.set(speciesFrame); newPopulationFrame.set(populationFrame); for (let i = 0; i < gridSize; i++) { for (let j = 0; j < gridSize; j++) { fillNeighborhood(i, j, speciesFrame, populationFrame, newSpeciesFrame, newPopulationFrame); } } return [newSpeciesFrame, newPopulationFrame]; } function fillNeighborhood(i, j, speciesFrame, populationFrame, newSpeciesFrame, newPopulationFrame) { const s = speciesFrame[gridSize * i + j]; const p = populationFrame[gridSize * i + j]; if (s === 255) return; for (let x = i - speciesSpread[s]; x <= i + speciesSpread[s]; x++) { for (let y = j - speciesSpread[s]; y <= j + speciesSpread[s]; y++) { let ns = newSpeciesFrame[gridSize * x + y]; let np = newPopulationFrame[gridSize * x + y]; let [ms, mp] = fight(s, p, ns, np); newSpeciesFrame[gridSize * x + y] = ms; newPopulationFrame[gridSize * x + y] = mp; } } } function fight(s, p, ns, np) { // same species if (s === ns || ns === 255) { return [s, Math.min(np + 1, speciesMaxPerPixel[s])]; } // fight! let casualties = Math.round(Math.random() * randomStrength * p * speciesAttack[s][ns] / speciesHp[ns]); if (casualties >= np) { return [s, 1]; } else { return [ns, np - casualties] } } function initialize() { let speciesFrame = new Uint8Array(gridSize * gridSize); let populationFrame = new Uint16Array(gridSize * gridSize); for (let i = 0; i < gridSize; i++) { for (let j = 0; j < gridSize; j++) { let r = Math.random(); speciesFrame[gridSize * i + j] = 255; populationFrame[gridSize * i + j] = 0; for (let s = 0; s < numSpecies; s++) { if (r < initialProbabilities[s]) { speciesFrame[gridSize * i + j] = s; populationFrame[gridSize * i + j] = 255; break; } else { r = r - initialProbabilities[s]; } } } } return [speciesFrame, populationFrame] } let [speciesFrame, populationFrame] = initialize(); while (true) { await Promises.delay(10); [speciesFrame, populationFrame] = step(speciesFrame, populationFrame); yield [speciesFrame, populationFrame] } } 31:[] 2e:{"id":"b932e07035fc67af","slug":"game-of-life","title":"Game of Life","thumbnail":"d67194ea0a07f85571fe333b65a7e1d9873aa9f5286192dd7a0be5e564abbb99","access_level":"public","create_time":"$D2019-02-11T12:31:52.934Z","update_time":"$D2019-02-12T15:09:21.653Z","view_time":null,"first_public_time":"$D2019-03-18T22:59:01.588Z","has_unpublished_edits":null,"fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"dea08e46b5ea0937","login":"benjamintd","name":"Benjamin Tran Dinh","avatar_url":"https://avatars-next.observableusercontent.com/ada79989a2af5d2da9d68e839d151b684fad1cf794c0012872d9dd50f1ac92c2","tier":"starter_2024"},"version":191,"publish_version":191,"role":null,"authored":false,"authors":[{"type":"individual","id":"55addc4d47d59139","login":"benjamintd","name":"Benjamin Tran Dinh","avatar_url":"https://avatars-next.observableusercontent.com/ada79989a2af5d2da9d68e839d151b684fad1cf794c0012872d9dd50f1ac92c2","tier":null}],"members":[{"type":"individual","id":"55addc4d47d59139","login":"benjamintd","name":"Benjamin Tran Dinh","avatar_url":"https://avatars-next.observableusercontent.com/ada79989a2af5d2da9d68e839d151b684fad1cf794c0012872d9dd50f1ac92c2","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Game of Life","cells":[{"id":0,"value":"md`# Game of Life`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"value":"{\n const context = DOM.context2d(gridSize, gridSize);\n const image = await createImageBitmap(new ImageData(pixels, gridSize))\n context.drawImage(image, 0, 0);\n return context.canvas;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"jimp = require('jimp')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"pixels = {\n \n let speciesFrame = frames[0]\n let populationFrame = frames[1]\n const pixels = new Uint8ClampedArray(gridSize * gridSize * 4);\n for (let i = 0; i < gridSize; i++) {\n for (let j = 0; j < gridSize; j++) {\n let pop = populationFrame[gridSize * i + j];\n let color = colors[speciesFrame[gridSize * i + j]] || [0, 0, 0]\n pixels[4 * (gridSize * i + j)] = color[0]\n pixels[4 * (gridSize * i + j) + 1] = color[1]\n pixels[4 * (gridSize * i + j) + 2] = color[2]\n pixels[4 * (gridSize * i + j) + 3] = 255 // populationFrame[gridSize * i + j] * 255 / speciesMaxPerPixel[speciesFrame[gridSize * i + j]]\n }\n }\n\n return pixels\n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"md`## Constants`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"speciesAttack = [\n [0, 1, 0],\n [0, 0, 1],\n [1, 0, 0],\n];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":42,"value":"initialProbabilities = [0.001, 0.001, 0.001];\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"numSpecies = 3;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"randomStrength = 5;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":70,"value":"speciesHp = [15, 15, 15];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"speciesSpread = [1, 1, 1];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":74,"value":"speciesMaxPerPixel = [250, 250, 250];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"gridSize = 300;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":80,"value":"colors = [[50, 50, 50], [120, 120, 120], [200, 200, 200]]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1"}} 2f:"$2e:body"