Virtual Room Explorer

{"name":"Haunted House Rooms","description":"","photo":"","view_count":9,"fork_count":0,"expires_at":null,"created_at":"2025-07-08T14:20:29.607637Z","updated_at":"2025-07-08T14:20:29.607642Z","user_id":293,"status":"PRIVATE","parent_id":8806,"id":8809,"user":{"photo":null,"email":"alex.kiser@alpha.school","recess_id":null,"created_at":"2025-01-03T16:25:03.588519Z","reset_token":null,"reset_token_expiry":null,"subscription_status":"canceled","username":"alphamiami","id":293,"password_hash":"$2b$12$E8wTkQ0i.W4zUOkbcDIS1urhxe8Apt6s/hiGg1wz/duyd8CiARD3C","updated_at":"2025-01-03T16:25:03.588532Z","stripe_customer_id":"cus_RWFweFYyuD7iiO","seats":20},"code":{"Room.js":"class Room {\n constructor(name, doors) {\n this.name = name; // Room name\n this.doors = doors; // Door positions\n // Adding locked state for each door\n this.lockedDoors = {\n top: false,\n left: false,\n right: false,\n bottom: false\n };\n }\n\n drawDoors() {\n // Draw the doors based on their defined positions and locked state\n if (this.doors.top !== null) {\n fill(this.lockedDoors.top ? 'red' : 'black'); // Red if locked, black if unlocked\n rect(width / 2 - 20, 0, 40, 10); // Top door\n }\n if (this.doors.left !== null) {\n fill(this.lockedDoors.left ? 'red' : 'black');\n rect(0, height / 2 - 20, 10, 40); // Left door\n }\n if (this.doors.right !== null) {\n fill(this.lockedDoors.right ? 'red' : 'black');\n rect(width - 10, height / 2 - 20, 10, 40); // Right door\n }\n if (this.doors.bottom !== null) {\n fill(this.lockedDoors.bottom ? 'red' : 'black');\n rect(width / 2 - 20, height - 10, 40, 10); // Bottom door\n }\n }\n}","Player.js":"class Player {\n constructor(x, y) {\n this.x = x;\n this.y = y;\n this.size = 40;\n this.currentImage = fwdImage; // Set the default image to forward\n }\n\n move() {\n if (keyIsDown(LEFT_ARROW) || keyIsDown(65)) {\n this.x -= 5;\n this.currentImage = leftImage;\n } else if (keyIsDown(RIGHT_ARROW) || keyIsDown(68)) {\n this.x += 5;\n this.currentImage = rightImage;\n } else if (keyIsDown(UP_ARROW) || keyIsDown(87)) {\n this.y -= 5;\n this.currentImage = backImage;\n } else if (keyIsDown(DOWN_ARROW) || keyIsDown(83)) {\n this.y += 5;\n this.currentImage = fwdImage;\n } else {\n this.currentImage = fwdImage; // Default to forward image if not moving\n }\n\n // Keep player within canvas boundaries\n this.x = constrain(this.x, 0, width - this.size);\n this.y = constrain(this.y, 0, height - this.size);\n }\n\n display() {\n image(this.currentImage, this.x, this.y, this.size, this.size);\n }\n}","script.js":"let player;\n\nlet roomMap;\n\nlet currentRoom;\n\nlet backImage;\n\nlet leftImage;\n\nlet fwdImage;\n\nlet rightImage;\n\nlet backgroundImage;\n\nlet fieryRunImage;\n\n// Adding variables for chest images\nlet chestImage;\nlet chestImageDefault; // Default chest image\nlet chestImageAlternate1; // Alternate chest image 1\nlet chestImageAlternate2; // Alternate chest image 2\n\n// New variable to track if the chest has been touched\nlet chestTouched = false;\n\n// Variable for skull image\nlet skullImage; // Variable to hold the skull image\nlet showSkull = false; // Variable to control when to show the skull\n\nfunction preload() {\n fwdImage = loadImage(\"@asset('fwd')\");\n backImage = loadImage(\"@asset('back')\");\n leftImage = loadImage(\"@asset('left')\");\n rightImage = loadImage(\"@asset('right')\");\n backgroundImage = loadImage(\"@asset('idk')\");\n fieryRunImage = loadImage(\"@asset('fiery_run')\"); // Load the fiery_run image\n chestImageDefault = loadImage(\"@asset('chest_2')\"); // Load the default chest image\n chestImageAlternate1 = loadImage(\"@asset('chest_')\"); // Load alternate chest image 1\n chestImageAlternate2 = loadImage(\"@asset('chest_3')\"); // Load alternate chest image 2\n skullImage = loadImage(\"@asset('skull')\"); // Load the skull image\n chestImage = chestImageDefault; // Set the default chest image\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n player = new Player(width / 2, height / 2);\n\n roomMap = [];\n for (let row = 0; row < 5; row++) {\n for (let col = 0; col < 5; col++) {\n const doors = {\n top: row === 0 ? null : height / 2,\n left: col === 0 ? null : width / 2,\n right: col === 4 ? null : width / 2,\n bottom: row === 4 ? null : height / 2\n };\n const room = new Room(`room${row * 5 + col + 1}`, doors);\n roomMap.push(room);\n }\n }\n\n roomMap[5].lockedDoors.bottom = true;\n\n currentRoom = { row: 0, col: 0 };\n}\n\nfunction draw() {\n image(backgroundImage, 0, 0, width, height); // Set the background to the loaded image\n\n // Draw the chest image at the top left corner\n image(chestImage, 10, 10, 50, 50); // Draw chest image at (10, 10) with size 50x50\n\n // Show the skull if the variable is true\n if (showSkull) {\n image(skullImage, width / 2 - 25, height / 2 - 25, 50, 50); // Draw skull image at the center\n }\n\n const roomIndex = currentRoom.row * 5 + currentRoom.col;\n roomMap[roomIndex].drawDoors();\n player.move();\n player.display();\n checkForDoorCollision();\n checkForChestCollision(); // Check collision with the chest\n drawMinimap();\n}\n\nfunction checkForChestCollision() {\n // Check if the player is colliding with the chest\n if (!chestTouched && player.x < 10 + 50 && player.x + player.size > 10 && player.y < 10 + 50 && player.y + player.size > 10) {\n // Change the chest image randomly to either chest_ or chest_3\n chestImage = random([chestImageAlternate1, chestImageAlternate2]);\n chestTouched = true; // Set the chest as touched\n showSkull = true; // Show the skull when chest is touched\n }\n}\n\n\n\nfunction logCurrentRoom() {\n const roomIndex = currentRoom.row * 5 + currentRoom.col; // Updated index calculation\n const roomName = roomMap[roomIndex].name; // Access the room name correctly\n console.log(\"Entered: \" + roomName);\n}\n\nfunction checkForDoorCollision() {\n const roomIndex = currentRoom.row * 5 + currentRoom.col; // Updated index calculation\n const room = roomMap[roomIndex];\n\n if (player.x <= 0 && room.doors.left !== null && !room.lockedDoors.left) {\n currentRoom.col = max(0, currentRoom.col - 1);\n player.x = width - player.size; // Move player to the right edge of the new room\n logCurrentRoom();\n } else if (player.x + player.size >= width && room.doors.right !== null && !room.lockedDoors.right) {\n currentRoom.col = min(4, currentRoom.col + 1); // Ensure col does not exceed 4\n player.x = 0; // Move player to the left edge of the new room\n logCurrentRoom();\n } else if (player.y <= 0 && room.doors.top !== null && !room.lockedDoors.top) {\n currentRoom.row = max(0, currentRoom.row - 1);\n player.y = height - player.size; // Move player to the bottom edge of the new room\n logCurrentRoom();\n } else if (player.y + player.size >= height && room.doors.bottom !== null && !room.lockedDoors.bottom) {\n currentRoom.row = min(4, currentRoom.row + 1); // Ensure row does not exceed 4\n player.y = 0; // Move player to the top edge of the new room\n logCurrentRoom();\n } else {\n // Constrain player movement if they are at the edge of the room without a door or if the door is locked\n if (player.x <= 0 || player.x + player.size >= width) {\n player.x = constrain(player.x, 0, width - player.size);\n }\n if (player.y <= 0 || player.y + player.size >= height) {\n player.y = constrain(player.y, 0, height - player.size);\n }\n }\n}\n\nfunction drawMinimap() {\n const minimapSize = 100; // Size of the minimap\n const cellSize = minimapSize / 5; // Size of each cell in the minimap\n\n // Draw the minimap background\n fill(255); // White background for the minimap\n rect(width - minimapSize - 10, height - minimapSize - 10, minimapSize, minimapSize); // Position it in the bottom right\n\n // Draw the 5x5 grid for the rooms\n for (let row = 0; row < 5; row++) {\n for (let col = 0; col < 5; col++) {\n // Highlight the current room\n fill((currentRoom.row === row && currentRoom.col === col) ? 'yellow' : 'lightgray'); // Current room is yellow, others are light gray\n rect(width - minimapSize - 10 + col * cellSize, height - minimapSize - 10 + row * cellSize, cellSize, cellSize); // Draw each cell\n }\n }\n}// script.js\n\n\nfunction chasePlayer() {\n // Move the skull towards the player\n if (skullX < player.x) {\n skullX += skullSpeed; // Move right\n } else if (skullX > player.x) {\n skullX -= skullSpeed; // Move left\n }\n\n if (skullY < player.y) {\n skullY += skullSpeed; // Move down\n } else if (skullY > player.y) {\n skullY -= skullSpeed; // Move up\n }\n}\n\n// Rest of your code remains the same...","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n\n \n \n Virtual Room Explorer\n \n \n \n\n\n\n\n \n \n\n\n"},"chat_history":[],"assets":[{"creator":null,"project_id":8809,"cloudinary_id":"vj7a5ijnnitysoybeiob","deleted":false,"id":79334,"created_at":"2025-07-08T14:20:30.542074Z","name":"fiery_run","resource_type":"image","tags":[]},{"creator":null,"project_id":8809,"cloudinary_id":"q4g6g7cayyxdsgf2cuge","deleted":false,"id":79333,"created_at":"2025-07-08T14:20:30.487416Z","name":"skeletonWalking","resource_type":"image","tags":[]},{"creator":null,"project_id":8809,"cloudinary_id":"f20kco5iw4hb8me5lqne","deleted":false,"id":79332,"created_at":"2025-07-08T14:20:30.432822Z","name":"skull","resource_type":"image","tags":[]},{"creator":null,"project_id":8809,"cloudinary_id":"jzh9r96izn8j9tvtlrhz","deleted":false,"id":79331,"created_at":"2025-07-08T14:20:30.378081Z","name":"dogBark","resource_type":"image","tags":[]},{"creator":null,"project_id":8809,"cloudinary_id":"helvgiujgzq8en6vksa1","deleted":false,"id":79330,"created_at":"2025-07-08T14:20:30.323378Z","name":"dogRun","resource_type":"image","tags":[]},{"creator":null,"project_id":8809,"cloudinary_id":"vyamcoxzdkr2aemonhjm","deleted":false,"id":79329,"created_at":"2025-07-08T14:20:30.268777Z","name":"clown","resource_type":"image","tags":[]},{"creator":null,"project_id":8809,"cloudinary_id":"al3tcaozdx8bcvtnqf6y","deleted":false,"id":79328,"created_at":"2025-07-08T14:20:30.214291Z","name":"goblin1","resource_type":"image","tags":[]},{"creator":null,"project_id":8809,"cloudinary_id":"juswk8lpqg2wwsrwmxrj","deleted":false,"id":79327,"created_at":"2025-07-08T14:20:30.157703Z","name":"fwd","resource_type":"image","tags":[]},{"creator":null,"project_id":8809,"cloudinary_id":"cp60rqzj000a8qv2xmxm","deleted":false,"id":79326,"created_at":"2025-07-08T14:20:30.103026Z","name":"right","resource_type":"image","tags":[]},{"creator":null,"project_id":8809,"cloudinary_id":"wfnlheppaptpxecpjsxj","deleted":false,"id":79325,"created_at":"2025-07-08T14:20:30.048300Z","name":"back","resource_type":"image","tags":[]},{"creator":null,"project_id":8809,"cloudinary_id":"te887vvrd8eg71jjekvq","deleted":false,"id":79324,"created_at":"2025-07-08T14:20:29.992856Z","name":"left","resource_type":"image","tags":[]},{"creator":null,"project_id":8809,"cloudinary_id":"vhuf4qjuivcbft056lvx","deleted":false,"id":79323,"created_at":"2025-07-08T14:20:29.937595Z","name":"idk","resource_type":"image","tags":[]},{"creator":null,"project_id":8809,"cloudinary_id":"ddo5ywxiokc9qhgkjogt","deleted":false,"id":79322,"created_at":"2025-07-08T14:20:29.883012Z","name":"chest_","resource_type":"image","tags":[]},{"creator":null,"project_id":8809,"cloudinary_id":"yedbxxychwle2k7hajwv","deleted":false,"id":79321,"created_at":"2025-07-08T14:20:29.828464Z","name":"chest_2","resource_type":"image","tags":[]},{"creator":null,"project_id":8809,"cloudinary_id":"vptdlsq9xyno75fgeygc","deleted":false,"id":79320,"created_at":"2025-07-08T14:20:29.773351Z","name":"chest_3","resource_type":"image","tags":[]}],"messages_sent":0,"comments":[],"steps":[]}