Mazey Mouse Adventure

{"name":"Mazey Mouse Adventure","description":"Navigate a random maze with your mouse in this fun and challenging game. Find your way through twists and turns as you race against time to reach the end!","photo":null,"view_count":6,"fork_count":0,"expires_at":null,"created_at":"2024-04-18T02:56:46.767269Z","updated_at":"2024-04-18T02:56:46.767269Z","user_id":2,"status":"PRIVATE","parent_id":null,"id":1195,"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 maze;\nlet cellSize = 40;\nlet columns, rows;\n\nfunction setup() {\n createCanvas(800, 600);\n columns = floor(width / cellSize);\n rows = floor(height / cellSize);\n maze = generateMaze(columns, rows, cellSize);\n}\nfunction draw() {\n background(220);\n drawMaze(maze, cellSize);\n}\nfunction generateMaze(columns, rows, cellSize) {\n let grid = new Array(columns);\n for (let x = 0; x < columns; x++) {\n grid[x] = new Array(rows);\n for (let y = 0; y < rows; y++) {\n grid[x][y] = {\n visited: false,\n walls: [true, true, true, true] // Top, right, bottom, left\n };\n }\n }\n\n let stack = [];\n let current = grid[0][0];\n current.visited = true;\n let totalCells = columns * rows;\n let visitedCells = 1;\n\n function removeWalls(a, b) {\n let x = a.x - b.x;\n if (x === 1) {\n a.walls[3] = false;\n b.walls[1] = false;\n } else if (x === -1) {\n a.walls[1] = false;\n b.walls[3] = false;\n }\n let y = a.y - b.y;\n if (y === 1) {\n a.walls[0] = false;\n b.walls[2] = false;\n } else if (y === -1) {\n a.walls[2] = false;\n b.walls[0] = false;\n }\n }\n\n function checkNeighbors(cell) {\n let neighbors = [];\n let x = cell.x;\n let y = cell.y;\n let directions = [[0, -1], [1, 0], [0, 1], [-1, 0]]; // Top, right, bottom, left\n for (let i = 0; i < directions.length; i++) {\n let nx = x + directions[i][0];\n let ny = y + directions[i][1];\n if (nx >= 0 && nx < columns && ny >= 0 && ny < rows && !grid[nx][ny].visited) {\n neighbors.push(grid[nx][ny]);\n }\n }\n if (neighbors.length > 0) {\n let r = floor(random(0, neighbors.length));\n return neighbors[r];\n } else {\n return undefined;\n }\n }\n\n while (visitedCells < totalCells) {\n let next = checkNeighbors(current);\n if (next) {\n next.visited = true;\n stack.push(current);\n removeWalls(current, next);\n current = next;\n visitedCells++;\n } else if (stack.length > 0) {\n current = stack.pop();\n }\n }\n\n return grid;\n}\n","style.css":"","index.html":"\n\n\n \n \n Mazey Mouse Adventure\n \n\n\n \n \n\n"},"chat_history":[{"message":"Let's get started!","project_id":1195,"created_at":"2024-04-18T02:56:55.348611Z","output_tokens":null,"sender":"human","code_id":67709,"deleted":0,"input_tokens":null,"id":36815},{"message":"","project_id":1195,"created_at":"2024-04-18T02:56:55.355995Z","output_tokens":null,"sender":"ai","code_id":67709,"deleted":0,"input_tokens":null,"id":36816},{"message":"add a maze","project_id":1195,"created_at":"2024-04-18T02:56:57.721965Z","output_tokens":null,"sender":"human","code_id":67710,"deleted":0,"input_tokens":null,"id":36817},{"message":"```javascript\nfunction generateMaze(columns, rows, cellSize) {\n let grid = new Array(columns);\n for (let x = 0; x < columns; x++) {\n grid[x] = new Array(rows);\n for (let y = 0; y < rows; y++) {\n grid[x][y] = {\n visited: false,\n walls: [true, true, true, true] // Top, right, bottom, left\n };\n }\n }\n\n let stack = [];\n let current = grid[0][0];\n current.visited = true;\n let totalCells = columns * rows;\n let visitedCells = 1;\n\n function removeWalls(a, b) {\n let x = a.x - b.x;\n if (x === 1) {\n a.walls[3] = false;\n b.walls[1] = false;\n } else if (x === -1) {\n a.walls[1] = false;\n b.walls[3] = false;\n }\n let y = a.y - b.y;\n if (y === 1) {\n a.walls[0] = false;\n b.walls[2] = false;\n } else if (y === -1) {\n a.walls[2] = false;\n b.walls[0] = false;\n }\n }\n\n function checkNeighbors(cell) {\n let neighbors = [];\n let x = cell.x;\n let y = cell.y;\n let directions = [[0, -1], [1, 0], [0, 1], [-1, 0]]; // Top, right, bottom, left\n for (let i = 0; i < directions.length; i++) {\n let nx = x + directions[i][0];\n let ny = y + directions[i][1];\n if (nx >= 0 && nx < columns && ny >= 0 && ny < rows && !grid[nx][ny].visited) {\n neighbors.push(grid[nx][ny]);\n }\n }\n if (neighbors.length > 0) {\n let r = floor(random(0, neighbors.length));\n return neighbors[r];\n } else {\n return undefined;\n }\n }\n\n while (visitedCells < totalCells) {\n let next = checkNeighbors(current);\n if (next) {\n next.visited = true;\n stack.push(current);\n removeWalls(current, next);\n current = next;\n visitedCells++;\n } else if (stack.length > 0) {\n current = stack.pop();\n }\n }\n\n return grid;\n}\n```\n- This function initializes a grid for the maze, marking each cell as unvisited and with walls on all four sides.\n- It uses a depth-first search algorithm to visit every cell in the grid, randomly removing walls between adjacent cells to create a path.\n- The `removeWalls` function is used to break down walls between the current cell and the chosen neighboring cell, effectively carving out the maze.\n- The `checkNeighbors` function looks for unvisited neighboring cells to move to next. If there are no unvisited neighbors, it backtracks using a stack until it finds cells with unvisited neighbors.\n- The maze generation process continues until all cells have been visited, ensuring a complete and navigable maze is created.\n","project_id":1195,"created_at":"2024-04-18T02:56:57.727810Z","output_tokens":null,"sender":"ai","code_id":67710,"deleted":0,"input_tokens":null,"id":36818},{"message":"generate maze on setup and draw each frame","project_id":1195,"created_at":"2024-04-18T02:57:33.401948Z","output_tokens":null,"sender":"human","code_id":67712,"deleted":0,"input_tokens":null,"id":36819},{"message":"To generate a maze on setup and draw it each frame, we need to make a few modifications and additions to your `script.js`. Firstly, we'll modify the `setup` function to generate a maze and store it in a variable. Then, we'll add a `drawMaze` function that iterates over the maze grid and draws each cell based on its walls. Finally, we'll call this `drawMaze` function inside the `draw` function to render the maze each frame.\n\n```javascript\nlet maze;\nlet cellSize = 40;\nlet columns, rows;\n\nfunction setup() {\n createCanvas(800, 600);\n columns = floor(width / cellSize);\n rows = floor(height / cellSize);\n maze = generateMaze(columns, rows, cellSize);\n}\n```\n\n- This code modifies the `setup` function to calculate the number of columns and rows based on the canvas size and `cellSize`. It then generates the maze and stores it in the `maze` variable.\n\n```javascript\nfunction draw() {\n background(220);\n drawMaze(maze, cellSize);\n}\n```\n\n- The `draw` function is used to clear the canvas and redraw the maze each frame, ensuring that the maze remains visible and updates as needed.\n\n```javascript\nfunction drawMaze(maze, cellSize) {\n for (let i = 0; i < columns; i++) {\n for (let j = 0; j < rows; j++) {\n let cell = maze[i][j];\n let x = i * cellSize;\n let y = j * cellSize;\n stroke(0);\n if (cell.walls[0]) line(x, y, x + cellSize, y); // Top\n if (cell.walls[1]) line(x + cellSize, y, x + cellSize, y + cellSize); // Right\n if (cell.walls[2]) line(x + cellSize, y + cellSize, x, y + cellSize); // Bottom\n if (cell.walls[3]) line(x, y + cellSize, x, y); // Left\n }\n }\n}\n```\n\n- This `drawMaze` function takes the maze and `cellSize` as arguments. It iterates over the maze grid, drawing lines for each of the cell's walls. This effectively draws the entire maze on the canvas, cell by cell.\n- Note: You may need to adjust the `cellSize` or canvas size for the maze to fit your canvas appropriately.","project_id":1195,"created_at":"2024-04-18T02:57:33.410372Z","output_tokens":null,"sender":"ai","code_id":67712,"deleted":0,"input_tokens":null,"id":36820}],"assets":[],"messages_sent":3,"comments":[],"steps":[{"title":"Randomly Generated Mazes","instruction":"Create a system to generate random mazes for the player to navigate through.","created_at":"2024-04-18T02:56:46.774226","project_id":1195,"complete":false,"step_number":0,"updated_at":"2024-04-18T02:56:46.774227","id":6241},{"title":"Mouse Navigation","instruction":"Implement mouse controls to allow the player to navigate the maze by moving the mouse cursor.","created_at":"2024-04-18T02:56:46.774290","project_id":1195,"complete":false,"step_number":1,"updated_at":"2024-04-18T02:56:46.774291","id":6242},{"title":"Timer Challenge","instruction":"Add a timer to race against while navigating the maze, creating a sense of urgency and challenge for the player.","created_at":"2024-04-18T02:56:46.774335","project_id":1195,"complete":false,"step_number":2,"updated_at":"2024-04-18T02:56:46.774335","id":6243},{"title":"Power-ups","instruction":"Introduce special power-ups that can help the player navigate the maze more efficiently or overcome obstacles.","created_at":"2024-04-18T02:56:46.774378","project_id":1195,"complete":false,"step_number":3,"updated_at":"2024-04-18T02:56:46.774378","id":6244},{"title":"Multiple Levels","instruction":"Design multiple levels of increasing difficulty to provide a varied and challenging experience for the player.","created_at":"2024-04-18T02:56:46.774419","project_id":1195,"complete":false,"step_number":4,"updated_at":"2024-04-18T02:56:46.774419","id":6245},{"title":"Obstacles and Challenges","instruction":"Incorporate obstacles and challenges within the maze to make the gameplay more engaging and unpredictable.","created_at":"2024-04-18T02:56:46.774459","project_id":1195,"complete":false,"step_number":5,"updated_at":"2024-04-18T02:56:46.774460","id":6246},{"title":"Visual Effects and Animations","instruction":"Enhance the game with visual effects and animations to make the maze navigation more immersive and enjoyable for the player.","created_at":"2024-04-18T02:56:46.774503","project_id":1195,"complete":false,"step_number":6,"updated_at":"2024-04-18T02:56:46.774503","id":6247}]}