25:["$","title",null,{"children":"Game of Life by Xiulan Shen | Nand's Workspace | Observable"}] 49:T878,//Zach's version, but modified cells = { restart; //array to save all cells once we create them let cells = []; //loop through rows and columns for (let y = 0; y < rows; y++) { for (let x = 0; x < columns; x++) { //placeholder variables, assuming we have all neighbors let above, below, left, right, aboveLeft, aboveRight, belowLeft, belowRight; //calculate indices of possible neighbors if (y > 0) { above = (y - 1) * columns + x; } if (y < rows - 1) { below = (y + 1) * columns + x; } if (x > 0) { left = y * columns + (x - 1); } if (x < columns - 1) { right = y * columns + (x + 1); } //&& is AND if (y > 0 && x > 0) { aboveLeft = (y - 1) * columns + (x - 1); } if (y > 0 && x < columns - 1) { aboveRight = (y - 1) * columns + (x + 1); } if (y < rows - 1 && x > 0) { belowLeft = (y + 1) * columns + (x - 1); } if (y < rows - 1 && x < columns - 1) { belowRight = (y + 1) * columns + (x + 1); } //for humans to view and debug, not necessary for simulation const neighbors = { above, below, right, left, aboveLeft, aboveRight, belowLeft, belowRight }; //array of neighbors to check each simulation step //the filter at the end removes any neighbor that is not defined above const neighborhood = [ above, below, right, left, aboveLeft, aboveRight, belowLeft, belowRight ].filter((index) => Number.isInteger(index)); //create new cell based on all the data defined above let cell = { //self, column: x, row: y, neighbors, neighborhood, history: 0, alive: Math.random() < 0.5, //generates either a 0 or 1 //will I survive into the next generation? survive: 0 }; //"save" cell to array of cells cells.push(cell); } } return cells; }4a:T5e3,simulation = { while(true) { for (let i = 0; i < rows * columns; ++i) { let cell = cells[i]; let livingNeighbors = 0; //check who are cell's neighbors for (let n = 0; n < cell.neighborhood.length; n++){ let neighbor = cells[cell.neighborhood[n]]; //check alive or dead neighbors if (neighbor.alive) { //in short, can just type livingNeighbors++ for the code below livingNeighbors = livingNeighbors + 1; } } //should this cell survive, come to live, or die? //create new value to store the current data cell.survive = false; //is this cell alive and has 2 living neighbors? //cell.alive; if (cell.alive && livingNeighbors == 2){ cell.survive = true } //is this cell alive and has 3 living neighbors? if (cell.alive && livingNeighbors == 3){ cell.survive = true } //is this cell dead and has 3 living neighbors? //new way of using ! as NOT at the head of the sentence if (!cell.alive && livingNeighbors == 3){ cell.survive = true } } //update the whole playing field to the next generation for (let i = 0; i < rows * columns; i++){ cells[i].alive = cells[i].survive; //store the history of cell birth and death cells[i].survive = false; } //delay to 1 update per second await Promises.delay(100); //yield giving value every loop without crashing with loop function, while return will crash your code yield cells; } }4b:[] 29:{"id":"0ef7c5655fd920c8","slug":null,"title":"Game of Life by Xiulan Shen","thumbnail":"531b2b6605cd79fa4970c86211ee4b77124db1ebb6d5fa5ca6d77cdacafd2a3f","access_level":"public","create_time":"$D2024-03-27T20:12:06.354Z","update_time":"$D2024-05-05T22:17:40.113Z","view_time":null,"first_public_time":"$D2024-03-27T20:12:06.354Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"5be4004fad4bc9d5","login":"nandnattha","name":"Nand's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/7d0603b6f0f41ecba2c37ecfcaeda26b217ab3166eef623fe1f402c4889940c6","tier":"starter_2024","bio":"","following":false},"version":116,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"050e8f571b8a66be","login":"nand2","name":"Nand","avatar_url":"https://avatars-next.observableusercontent.com/5c0b641c7741c717963eb0c772868842690d67b3904c01437fba0c7c3d189405","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"050e8f571b8a66be","login":"nand2","name":"Nand","avatar_url":"https://avatars-next.observableusercontent.com/5c0b641c7741c717963eb0c772868842690d67b3904c01437fba0c7c3d189405","tier":null,"role":"editor"},{"type":"team","id":"5be4004fad4bc9d5","login":"nandnattha","name":"Nand's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/7d0603b6f0f41ecba2c37ecfcaeda26b217ab3166eef623fe1f402c4889940c6","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Game of Life by Xiulan Shen","cells":[{"id":15,"value":"# Game of Life by *Xiulan Shen*\nThis is a demo from the omnipotent kitten","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":84,"value":"{\n let svg = d3.create(\"svg\").attr(\"viewBox\", \"0 0 \" + columns + \" \" + rows);\n for (let i = 0; i < rows * columns; i++) {\n let cell = simulation[i];\n\n if (cell.alive){\n svg.append(\"rect\").attr(\"x\", cell.column).attr(\"y\", cell.row).attr(\"width\", 1).attr(\"height\", 1).attr(\"fill\", \"pink\");\n //\n }\n //svg.append('circle').attr(\"cx\", 30).attr(\"cy\", 20).attr(\"r\", 20)\n }\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"//comment me\nalterEgo = \"Nand\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":108,"value":"viewof restart = Inputs.button(\"Restart Simulation\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"//columns = 10\nviewof columns = Inputs.range ([0, 100])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"viewof rows = Inputs.range ([0, 100])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"cellCount = rows * columns","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"//demo version\ndata = {\n let cells = [];\n \n //loop across rows\n for(let y=0 ; y < rows; y++) {\n //loop across columns\n for(let x=0 ; x < columns; x++) {\n //make cell\n let cell = ({ x, y, alive: 0});\n //save cell to our bucket\n cells.push(cell);\n \n }\n }\n return cells;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"// to explain ++ function\n{\n let n = 7;\n return ++n;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"cells[13]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"$4a","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4b","stdlib":"1"}} 24:null