Haunted Pac-Man Adventure

{"name":"Haunted Pac-Man Adventure","description":"Dive into a spine-chilling twist on the classic Pac-Man game! Navigate your way through eerie mazes filled with ghosts and ghouls. Collect haunted power-ups, avoid terrifying phantoms, and survive the night in this thrilling horror-inspired game. Can you escape the maze before it's too late?","photo":null,"view_count":4,"fork_count":0,"expires_at":null,"created_at":"2025-11-13T16:16:17.050746Z","updated_at":"2025-11-13T16:16:17.050748Z","user_id":839,"status":"PRIVATE","parent_id":null,"id":10500,"user":{"photo":null,"email":"lvic_stu28@sdcoestudents.net","recess_id":null,"created_at":"2025-10-13T17:35:21.906801Z","reset_token":null,"stripe_customer_id":null,"seats":0,"username":"lvic_stu28","id":839,"password_hash":"$2b$12$zH3KWgTv93IwGrROZx5tCO422dJWsTdM3EdYguX1bNE06wchb9Spu","updated_at":"2025-10-13T17:35:21.906807Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let player;\n\nlet chaser;\n\nlet maze;\n\nlet cellSize = 50;\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(135, 206, 235); // Sky blue background\n\n // Initialize player properties\n player = {\n x: width / 2,\n y: height / 2,\n size: 40, // Size of the player\n speed: 5 // Speed of the player\n };\n\n // Initialize chaser properties\n chaser = {\n x: random(width),\n y: random(height),\n size: 40 // Size of the chaser\n };\n\n // Define the maze layout (1 = wall, 0 = open space)\n maze = [\n [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],\n [1, 0, 0, 0, 1, 0, 0, 1, 0, 0, 0, 1],\n [1, 1, 1, 0, 1, 1, 0, 1, 1, 1, 1, 1],\n [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1],\n [1, 1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1],\n [1, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 1],\n [1, 1, 1, 1, 1, 0, 1, 1, 1, 1, 1, 1],\n [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],\n [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]\n ];\n}\n\nfunction draw() {\n background(135, 206, 235); // Redraw background each frame\n\n // Draw the maze with the updated cell size\n for (let row = 0; row < maze.length; row++) {\n for (let col = 0; col < maze[row].length; col++) {\n if (maze[row][col] === 1) {\n fill(100); // Wall color\n rect(col * cellSize, row * cellSize, cellSize, cellSize); // Draw wall\n }\n }\n }\n\n handlePlayerMovement();\n drawPlayer();\n drawChaser();\n}\n\nfunction handlePlayerMovement() {\n let newX = player.x;\n let newY = player.y;\n\n if (keyIsDown(LEFT_ARROW)) {\n newX -= player.speed;\n }\n if (keyIsDown(RIGHT_ARROW)) {\n newX += player.speed;\n }\n if (keyIsDown(UP_ARROW)) {\n newY -= player.speed;\n }\n if (keyIsDown(DOWN_ARROW)) {\n newY += player.speed;\n }\n\n if (!isCollidingWithWalls(newX, newY)) {\n player.x = newX;\n player.y = newY;\n }\n}\n\nfunction isCollidingWithWalls(x, y) {\n let col = Math.floor(x / cellSize);\n let row = Math.floor(y / cellSize);\n\n return maze[row][col] === 1;\n}\n\nfunction drawPlayer() {\n fill(255, 215, 0); // Yellow color for the body\n arc(player.x, player.y, player.size, player.size, PI / 4, 7 * PI / 4, CHORD); // Draw Pac-Man body\n fill(255, 0, 0); // Red color for teeth\n triangle(player.x - 10, player.y - 10, player.x - 20, player.y, player.x - 10, player.y + 10); // Draw a tooth\n}\n\nfunction drawChaser() {\n fill(255, 0, 0); // Red color for the chaser\n ellipse(chaser.x, chaser.y, chaser.size); // Draw the chaser as a circle\n}\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n \n \n Haunted Pac-Man Adventure\n \n \n \n \n\n\n \n\n"},"chat_history":[{"message":"Can you make opening in The Maze of the player can go through and make sure the walls act like a barrier so nothing could come through in the wall","project_id":10500,"created_at":"2025-11-13T16:27:35.296227Z","output_tokens":null,"sender":"human","code_id":293084,"deleted":0,"input_tokens":null,"id":179290},{"message":"

\n# Reasoning\nThe student wants to create an opening in the maze that the player can pass through and ensure that the walls act as barriers. This involves adding collision detection logic to prevent the player from moving through walls and potentially adding an opening in the maze for passage.\n

\n\n

\n# Answer:\n

\n\nWe can make an opening in the maze for the player to pass through and add collision detection to ensure the player cannot go through the walls. Let's update the code to achieve this.\n\n```javascript\n// script.js\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(135, 206, 235); // Sky blue background\n\n // Initialize player properties\n player = {\n x: cellSize * 1.5, // Start position inside the maze\n y: cellSize * 1.5,\n size: 40, // Size of the player\n speed: 5 // Speed of the player\n };\n\n // Initialize chaser properties\n chaser = {\n x: random(width),\n y: random(height),\n size: 40 // Size of the chaser\n };\n\n // Define the maze layout (1 = wall, 0 = open space)\n maze = [\n [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],\n [1, 0, 0, 0, 1, 0, 0, 1, 0, 0, 0, 1],\n [1, 1, 1, 0, 1, 1, 0, 1, 1, 1, 1, 1],\n [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1],\n [1, 1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1],\n [1, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 1],\n [1, 1, 1, 1, 1, 0, 1, 1, 1, 1, 1, 1],\n [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], // Modified to have an opening\n [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]\n ];\n}\n```\n\n```javascript\n// script.js\n\nfunction draw() {\n background(135, 206, 235); // Redraw background each frame\n\n // Draw the maze with the updated cell size\n for (let row = 0; row < maze.length; row++) {\n for (let col = 0; col < maze[row].length; col++) {\n if (maze[row][col] === 1) {\n fill(100); // Wall color\n rect(col * cellSize, row * cellSize, cellSize, cellSize); // Draw wall\n }\n }\n }\n\n handlePlayerMovement();\n drawPlayer();\n drawChaser();\n}\n\nfunction handlePlayerMovement() {\n let newX = player.x;\n let newY = player.y;\n\n if (keyIsDown(LEFT_ARROW)) {\n newX -= player.speed;\n }\n if (keyIsDown(RIGHT_ARROW)) {\n newX += player.speed;\n }\n if (keyIsDown(UP_ARROW)) {\n newY -= player.speed;\n }\n if (keyIsDown(DOWN_ARROW)) {\n newY += player.speed;\n }\n\n if (!isCollidingWithWalls(newX, newY)) {\n player.x = newX;\n player.y = newY;\n }\n}\n\nfunction isCollidingWithWalls(x, y) {\n let col = Math.floor(x / cellSize);\n let row = Math.floor(y / cellSize);\n\n return maze[row][col] === 1;\n}\n\nfunction drawPlayer() {\n fill(255, 215, 0); // Yellow color for the body\n arc(player.x, player.y, player.size, player.size, PI / 4, 7 * PI / 4, CHORD); // Draw Pac-Man body\n fill(255, 0, 0); // Red color for teeth\n triangle(player.x - 10, player.y - 10, player.x - 20, player.y, player.x - 10, player.y + 10); // Draw a tooth\n}\n\nfunction drawChaser() {\n fill(255, 0, 0); // Red color for the chaser\n ellipse(chaser.x, chaser.y, chaser.size); // Draw the chaser as a circle\n}\n```\n\n- The `maze` array defines the layout, and we've added an opening at the bottom-right corner.\n- The `handlePlayerMovement()` function manages player movement and checks for collisions with walls.\n- The `isCollidingWithWalls()` function checks if the player is trying to move into a wall.\n- The player starts inside the maze and can move through the opening without passing through walls.","project_id":10500,"created_at":"2025-11-13T16:27:35.729406Z","output_tokens":913,"sender":"ai","code_id":293084,"deleted":0,"input_tokens":3200,"id":179291}],"assets":[],"messages_sent":11,"comments":[],"steps":[]}