{"name":"Paper Conquer: Battle Royale","description":"Dodge bots and capture territory in this single-player game of strategy and skill, now with power-ups! Can you outsmart the relentless bots and dominate the game board amidst power-up mayhem?","photo":null,"view_count":7,"fork_count":0,"expires_at":null,"created_at":"2023-12-24T22:05:48.231578Z","updated_at":"2023-12-24T22:28:56.166660Z","user_id":2,"status":"PRIVATE","parent_id":9,"id":165,"user":{"photo":null,"email":null,"recess_id":"a75a82d5-5ae6-41b7-d20f-788415be036d","created_at":"2023-12-11T22:13:50.357940Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"gamerc0der","id":2,"password_hash":null,"updated_at":"2023-12-11T22:13:50.357943Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let player;\nlet playerColor;\nlet tail = [];\nlet gridSize = 20;\nlet lastMove = 0;\nlet playerSpeed = 10; // Control the speed of the player\nlet initialPosition = true;\nlet hasCollided = false;\nlet territory = [];\nlet filledCells = [];\nfunction createMainMenu() {\n const menu = document.createElement('div');\n menu.id = 'main-menu';\n menu.innerHTML = `\n

Paper Conquer: Battle Royale

\n \n \n `;\n document.body.appendChild(menu);\n}\n\nfunction startGame() {\n document.getElementById('main-menu').style.display = 'none';\n setup();\n}\n\nfunction showInstructions() {\n alert('Use arrow keys to navigate the player and dodge the bots. Capture territory to score points. The game ends when a bot hits the player.');\n}\n\nfunction setup() {\n let canvasWidth = Math.floor(windowWidth / gridSize) * gridSize;\n let canvasHeight = Math.floor(windowHeight / gridSize) * gridSize;\n createCanvas(canvasWidth, canvasHeight);\n frameRate(playerSpeed);\n player = createVector(width / 2, height / 2);\n playerColor = [255, 223, 0]; // RGB value for yellow\n}\n\nfunction draw() {\n if (frameCount - lastMove >= 1) {\n movePlayer();\n lastMove = frameCount;\n }\n\n background(255);\n drawGrid();\n\n // Draw the player's path (trail) and territory\n fill(playerColor);\n tail.forEach((point) => {\n rect(point.x, point.y, gridSize, gridSize);\n });\n filledCells.forEach(cell => {\n rect(cell.x, cell.y, gridSize, gridSize);\n });\n\n // Draw the player\n fill(playerColor);\n rect(player.x, player.y, gridSize, gridSize);\n}\n\nfunction detectCollision() {\n for (let i = 0; i < tail.length; i++) {\n if (tail[i].x === player.x && tail[i].y === player.y) {\n console.log(\"Collision detected!\");\n let loop = [...tail]; // Copy the tail\n loop.splice(i, 1); // Remove current position from the loop\n console.log(\"Traced path: \", loop.map(position => `(${position.x}, ${position.y})`));\n if (loop.length >= 3) { // Need at least 3 points to form a polygon\n console.log(\"Starting flood fill...\");\n let fillPosition = findInsideCell(loop);\n if (fillPosition) {\n floodFill(fillPosition, loop);\n updateScore();\n }\n }\n break;\n }\n }\n}\n\nfunction drawGrid() {\n stroke(0); // black color for lines\n background(255); // white background\n for (let x = 0; x <= width; x += gridSize) {\n line(x, 0, x, height);\n }\n for (let y = 0; y <= height; y += gridSize) {\n line(0, y, width, y);\n }\n}\n\nfunction movePlayer() {\n let previousPosition = { x: player.x, y: player.y };\n\n if (keyIsDown(UP_ARROW) && player.y - gridSize >= 0) {\n player.y -= gridSize;\n } else if (keyIsDown(DOWN_ARROW) && player.y + gridSize < height) {\n player.y += gridSize;\n } else if (keyIsDown(LEFT_ARROW) && player.x - gridSize >= 0) {\n player.x -= gridSize;\n } else if (keyIsDown(RIGHT_ARROW) && player.x + gridSize < width) {\n player.x += gridSize;\n }\n\n if (previousPosition.x !== player.x || previousPosition.y !== player.y) {\n tail.unshift(previousPosition);\n detectCollision();\n }\n}\n\nwindow.addEventListener(\"keydown\", function (e) {\n if ([\"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\"].indexOf(e.key) > -1) {\n e.preventDefault();\n }\n}, false);\n\nfunction fillShape(loop) {\n // console.log(\"Filling shape: \", loop);\n fill(playerColor);\n loop.forEach(({ x, y }) => {\n rect(x, y, gridSize, gridSize);\n });\n}\n\nfunction floodFill(startPosition, loop) {\n let stack = [];\n let filled = new Set();\n\n console.log(\"Starting floodFill from\", startPosition.x, startPosition.y);\n\n // Determine if the startPosition is inside the shape\n let isInside = isInsidePolygon(startPosition, loop);\n let directions = isInside ? [[0, -gridSize], [0, gridSize], [-gridSize, 0], [gridSize, 0]] : [[0, -gridSize], [0, gridSize]];\n\n // Start floodFill from startPosition\n stack.push(startPosition);\n while (stack.length > 0) {\n let current = stack.pop();\n let key = `${current.x},${current.y}`;\n\n if (filled.has(key)) {\n continue;\n }\n\n console.log(\"Filling cell\", current.x, current.y);\n filled.add(key);\n filledCells.push(current);\n\n // Add the filled cell to the tail\n tail.push(current);\n\n for (let [dx, dy] of directions) {\n let neighbor = { x: current.x + dx, y: current.y + dy };\n let key = `${neighbor.x},${neighbor.y}`;\n if (isInsidePolygon(neighbor, loop) && !filled.has(key) && !filledCells.some(cell => cell.x === neighbor.x && cell.y === neighbor.y)) {\n stack.push(neighbor);\n }\n }\n }\n}\n\nfunction fillCell(position) {\n // console.log(\"Filling cell at position \", position);\n fill(playerColor);\n rect(position.x, position.y, gridSize, gridSize);\n}\n\nfunction getNeighbors(position) {\n let neighbors = [\n { x: position.x, y: position.y - gridSize }, // Up\n { x: position.x, y: position.y + gridSize }, // Down\n { x: position.x - gridSize, y: position.y }, // Left\n { x: position.x + gridSize, y: position.y }, // Right\n ];\n // console.log(\"Neighbors for \" + `(${position.x}, ${position.y})` + \": \", neighbors.map(n => `(${n.x}, ${n.y})`));\n return neighbors;\n}\n\nfunction isInsidePolygon(point, polygon) {\n let crossings = 0;\n for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {\n let xi = polygon[i].x, yi = polygon[i].y;\n let xj = polygon[j].x, yj = polygon[j].y;\n\n let intersect = ((yi > point.y) != (yj > point.y)) &&\n (point.x < (xj - xi) * (point.y - yi) / (yj - yi) + xi);\n if (intersect) crossings++;\n }\n let isInside = crossings % 2 == 1;\n // console.log(\"Point\", point.x, point.y, \"is\", isInside ? \"\" : \"not\", \"inside the polygon\");\n return isInside;\n}\n\nfunction isPartOfTail(position) {\n let partOfTail = tail.some(tailPosition => tailPosition.x === position.x && tailPosition.y === position.y);\n return partOfTail;\n}\n\nfunction findInsideCell(loop) {\n // Start from the player's position and look in all four directions\n for (let distance = 0; distance < Math.max(width, height); distance += gridSize) {\n let points = [\n { x: player.x, y: player.y - distance },\n { x: player.x, y: player.y + distance },\n { x: player.x - distance, y: player.y },\n { x: player.x + distance, y: player.y }\n ];\n for (let point of points) {\n if (isInsidePolygon(point, loop)) {\n return point;\n }\n }\n }\n return null;\n}","style.css":"#main-menu {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 100vh;\n text-align: center;\n background-color: #f3f3f3;\n}\n\n#main-menu button {\n margin: 20px auto;\n padding: 10px 20px;\n}","index.html":"\n\n\n.\n \n \n paper conquer: battle Royale\n \n \n\n

\n\n \n\n\n"},"chat_history":[{"message":"code me a main menu","project_id":165,"created_at":"2023-12-24T22:29:07.355202Z","output_tokens":null,"sender":"human","code_id":9588,"deleted":0,"input_tokens":null,"id":5927},{"message":"To create a simple main menu using javascript, you can add the following function:\n\n```javascript\nfunction createMainMenu() {\n const menu = document.createElement('div');\n menu.id = 'main-menu';\n menu.innerHTML = `\n

Paper Conquer: Battle Royale