Game Of Life

{"name":"Conway's Game Of Life COMPLETE","description":"Experience the chaos of cellular life in this mesmerizing simulation. Watch as the cells dance and evolve in unpredictable patterns.","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/vcgdzumxsx9vjg5h60bc","view_count":0,"fork_count":0,"expires_at":null,"created_at":"2025-04-18T20:14:05.448128Z","updated_at":"2025-04-18T20:14:05.448131Z","user_id":411,"status":"PRIVATE","parent_id":886,"id":7622,"user":{"photo":null,"email":null,"recess_id":"9b0597df-c1fb-40be-836a-aa18c5f7ab80","created_at":"2025-03-10T21:17:52.998350Z","reset_token":null,"stripe_customer_id":null,"seats":0,"username":"slam_iced","id":411,"password_hash":null,"updated_at":"2025-03-10T21:17:52.998353Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let cells = [];\nconst cellSize = 10;\nconst shapes = [[[0, 0], [1, 0], [0, 1], [1, 1]],\n[[1, 0], [2, 0], [0, 1], [3, 1], [1, 2], [2, 2]],\n[[0, 0], [1, 0], [2, 0]],\n[[1, 0], [2, 0], [3, 0], [0, 1], [1, 1], [2, 1]],\n[[1, 0], [2, 1], [0, 2], [1, 2], [2, 2]],\n[[1, 0], [4, 0], [0, 1], [0, 2], [4, 2], [0, 3], [1, 3], [2, 3], [3, 3]]\n]\nlet unpause = true\nlet outlineColor = [0, 0, 0];\nlet fogColor = [0, 0, 0, 0];\nlet aliveCellColor = [0, 0, 0];\nlet deadCellColor = [255, 255, 255];\nlet frameWait = 30\nfunction setup() {\n console.log(windowWidth, windowHeight)\n createCanvas(windowWidth, windowHeight);\n background(255);\n const cols = floor(width / cellSize);\n const rows = floor(height / cellSize);\n for (let i = 0; i < cols; i++) {\n cells[i] = new Array(rows).fill(0);\n }\n for (let i = 0; i < floor(width * height / 7075) + random(-5, 5); i++) {\n seedRandomShape();\n }\n}\nfunction seedRandomShape() {\n const shape = shapes[floor(random(shapes.length))];\n const cols = cells.length;\n const rows = cells[0].length;\n const maxXOffset = shape.reduce((max, val) => max > val[0] ? max : val[0], 0);\n const maxYOffset = shape.reduce((max, val) => max > val[1] ? max : val[1], 0);\n const startX = int(random(cols - maxXOffset));\n const startY = int(random(rows - maxYOffset));\n shape.forEach(offset => {\n const col = startX + offset[0];\n const row = startY + offset[1];\n if (col >= 0 && col < cols && row >= 0 && row < rows) {\n cells[col][row] = 1;\n }\n });\n}\nfunction draw() {\n background(deadCellColor);\n if (mouseIsPressed) {\n if (mouseButton === LEFT) {\n const col = Math.floor(mouseX / cellSize);\n const row = Math.floor(mouseY / cellSize);\n if (col >= 0 && col < cells.length && row >= 0 && row < cells[0].length) {\n cells[col][row] = 1;\n }\n }\n if (mouseButton === RIGHT) {\n const col = Math.floor(mouseX / cellSize);\n const row = Math.floor(mouseY / cellSize);\n if (col >= 0 && col < cells.length && row >= 0 && row < cells[0].length) {\n cells[col][row] = 0;\n }\n }\n if (mouseButton === CENTER) {\n for (let i = 0; i < cells.length; i++) {\n for (let n = 0; n < cells[0].length; n++) {\n cells[i][n] = 0;\n }\n }\n }\n }\n for (let i = 0; i < cells.length; i++) {\n for (let j = 0; j < cells[i].length; j++) {\n stroke(outlineColor);\n let cellColor;\n if (cells[i][j] === 1) {\n cellColor = aliveCellColor;\n } else {\n cellColor = [0, 0, 0, 0];\n }\n if (cellColor.length === 4) {\n if (fogColor.length != 4) {\n if (countAliveNeighbors(i, j) === 0) {\n noFill()\n } else if (fogColor[0] === 0) {\n fill(\n map(countAliveNeighbors(i, j), 0, 8, 0, 200),\n );\n } else {\n fill(\n map(countAliveNeighbors(i, j), 0, 8, 255, 50),\n )\n }\n } else {\n noFill();\n }\n } else {\n fill(cellColor);\n }\n rect(i * cellSize, j * cellSize, cellSize, cellSize);\n }\n }\n if (unpause && frameCount % frameWait === 0) {\n updateCells();\n }\n}\nfunction updateCells() {\n let nextGenCells = cells.map(arr => [...arr]);\n for (let i = 0; i < cells.length; i++) {\n for (let j = 0; j < cells[i].length; j++) {\n const aliveNeighbors = countAliveNeighbors(i, j);\n if (cells[i][j] === 1 && (aliveNeighbors < 2 || aliveNeighbors > 3)) {\n nextGenCells[i][j] = 0;\n } else if (cells[i][j] === 0 && aliveNeighbors === 3) {\n nextGenCells[i][j] = 1;\n }\n }\n }\n cells = nextGenCells;\n}\nfunction countAliveNeighbors(x, y) {\n let aliveNeighbors = 0;\n for (let i = -1; i <= 1; i++) {\n for (let j = -1; j <= 1; j++) {\n if (i === 0 && j === 0) continue;\n const nx = x + i;\n const ny = y + j;\n if (nx >= 0 && nx < cells.length && ny >= 0 && ny < cells[0].length && cells[nx][ny] === 1) {\n aliveNeighbors++;\n }\n }\n }\n return aliveNeighbors;\n}\nfunction cycleColor(currentColor) {\n if (currentColor[0] === 0 && currentColor[1] === 0 && currentColor[2] === 0 && currentColor.length === 3) {\n return [255, 255, 255];\n }\n else if (currentColor[0] === 255 && currentColor[1] === 255 && currentColor[2] === 255) {\n return [0, 0, 0, 0];\n }\n else if (currentColor.length === 4 && currentColor[3] === 0) {\n return [0, 0, 0];\n }\n // Default case (should not happen)\n else {\n return [0, 0, 0];\n }\n}\nfunction keyPressed() {\n if (key === \" \") {\n unpause = !unpause;\n }\n if (key === \"g\") {\n for (let i = 0; i < cells.length; i++) {\n for (let n = 0; n < cells[0].length; n++) {\n cells[i][n] = 0;\n }\n }\n for (let i = 0; i < floor(width * height / 7075) + random(-5, 5); i++) {\n seedRandomShape();\n }\n }\n if (key === \"s\") {\n outlineColor = cycleColor(outlineColor);\n }\n if (key === \"w\") {\n fogColor = cycleColor(fogColor);\n }\n if (key === \"a\") {\n aliveCellColor = cycleColor(aliveCellColor);\n }\n if (key === \"d\") {\n if (deadCellColor[0] === 0) {\n deadCellColor = [255, 255, 255]\n } else {\n deadCellColor = [0, 0, 0]\n }\n }\n if (keyCode === UP_ARROW) {\n frameWait -= 5\n }\n if (keyCode === DOWN_ARROW) {\n frameWait += 5\n }\n}","style.css":"","index.html":"\n\n\n\n \n \n Game Of Life\n \n\n\n\n \n \n\n\n"},"chat_history":[],"assets":[{"project_id":7622,"creator":null,"cloudinary_id":"i2z9hjoo3txctlch0tsj","deleted":false,"id":72477,"created_at":"2025-04-18T20:14:05.479676Z","name":"hd","resource_type":"image","tags":null},{"project_id":7622,"creator":null,"cloudinary_id":"vcgdzumxsx9vjg5h60bc","deleted":false,"id":72476,"created_at":"2025-04-18T20:14:05.477436Z","name":"Great pic","resource_type":"image","tags":null}],"messages_sent":0,"comments":[],"steps":[{"title":"Random Initial Pattern","instruction":"Cells are in a random pattern when the simulation starts","created_at":"2024-03-21T22:21:10.572702","project_id":7622,"complete":false,"step_number":0,"updated_at":"2025-04-18T20:14:05.463401","id":11994},{"title":"Colorful Visualization","instruction":"Cells are visually represented with vibrant colors and smooth animations","created_at":"2024-03-21T22:21:10.572768","project_id":7622,"complete":false,"step_number":1,"updated_at":"2025-04-18T20:14:05.463571","id":11995},{"title":"Save and Share","instruction":"Users can save their favorite patterns and share them with others","created_at":"2024-03-21T22:21:10.572812","project_id":7622,"complete":false,"step_number":2,"updated_at":"2025-04-18T20:14:05.463667","id":11996}]}