Virtual Room Explorer

{"name":"Haunted House Rooms","description":"","photo":"","view_count":10,"fork_count":0,"expires_at":null,"created_at":"2025-07-08T00:33:52.016689Z","updated_at":"2025-07-08T00:33:52.016697Z","user_id":293,"status":"PRIVATE","parent_id":8694,"id":8799,"user":{"username":"alphamiami","id":293,"password_hash":"$2b$12$E8wTkQ0i.W4zUOkbcDIS1urhxe8Apt6s/hiGg1wz/duyd8CiARD3C","created_at":"2025-01-03T16:25:03.588519Z","reset_token":null,"stripe_customer_id":"cus_RWFweFYyuD7iiO","seats":20,"photo":null,"email":"alex.kiser@alpha.school","recess_id":null,"updated_at":"2025-01-03T16:25:03.588532Z","reset_token_expiry":null,"subscription_status":"canceled"},"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}","script.js":"let fieryRunImage;\n\nlet player;\n\nlet roomMap;\n\nlet currentRoom;\n\nlet backImage;\n\nlet leftImage;\n\nlet fwdImage;\n\nlet rightImage;\n\nlet backgroundImage;\n\nfunction preload() {\n fwdImage = loadImage(\"@asset('fwd')\"); // Load the forward image\n backImage = loadImage(\"@asset('back')\");\n leftImage = loadImage(\"@asset('left')\");\n rightImage = loadImage(\"@asset('right')\");\n backgroundImage = loadImage(\"@asset('idk')\"); // Load the background image\n idk = loadImage(\"@asset('idk')\");\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 const roomIndex = currentRoom.row * 5 + currentRoom.col;\n roomMap[roomIndex].drawDoors();\n player.move();\n player.display();\n checkForDoorCollision();\n drawMinimap();\n}\n\nclass 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}\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}\n\n","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"},"chat_history":[],"assets":[{"created_at":"2025-07-08T00:59:53.866516Z","name":"idk","resource_type":"image","tags":["Background"],"project_id":8799,"creator":"","cloudinary_id":"ornwyazgetpn55voohpi","deleted":false,"id":79114},{"created_at":"2025-07-08T00:57:38.404781Z","name":"png","resource_type":"image","tags":["Object"],"project_id":8799,"creator":"","cloudinary_id":"yugkiakcft0o1maov7qy","deleted":false,"id":79112},{"created_at":"2025-07-08T00:33:52.708579Z","name":"fiery_run","resource_type":"image","tags":[],"project_id":8799,"creator":null,"cloudinary_id":"vj7a5ijnnitysoybeiob","deleted":false,"id":79110},{"created_at":"2025-07-08T00:33:52.641341Z","name":"skeletonWalking","resource_type":"image","tags":[],"project_id":8799,"creator":null,"cloudinary_id":"q4g6g7cayyxdsgf2cuge","deleted":false,"id":79109},{"created_at":"2025-07-08T00:33:52.594211Z","name":"skull","resource_type":"image","tags":[],"project_id":8799,"creator":null,"cloudinary_id":"f20kco5iw4hb8me5lqne","deleted":false,"id":79108},{"created_at":"2025-07-08T00:33:52.547195Z","name":"dogBark","resource_type":"image","tags":[],"project_id":8799,"creator":null,"cloudinary_id":"jzh9r96izn8j9tvtlrhz","deleted":false,"id":79107},{"created_at":"2025-07-08T00:33:52.500217Z","name":"dogRun","resource_type":"image","tags":[],"project_id":8799,"creator":null,"cloudinary_id":"helvgiujgzq8en6vksa1","deleted":false,"id":79106},{"created_at":"2025-07-08T00:33:52.453110Z","name":"clown","resource_type":"image","tags":[],"project_id":8799,"creator":null,"cloudinary_id":"vyamcoxzdkr2aemonhjm","deleted":false,"id":79105},{"created_at":"2025-07-08T00:33:52.405732Z","name":"goblin1","resource_type":"image","tags":[],"project_id":8799,"creator":null,"cloudinary_id":"al3tcaozdx8bcvtnqf6y","deleted":false,"id":79104},{"created_at":"2025-07-08T00:33:52.358727Z","name":"fwd","resource_type":"image","tags":[],"project_id":8799,"creator":null,"cloudinary_id":"juswk8lpqg2wwsrwmxrj","deleted":false,"id":79103},{"created_at":"2025-07-08T00:33:52.311582Z","name":"right","resource_type":"image","tags":[],"project_id":8799,"creator":null,"cloudinary_id":"cp60rqzj000a8qv2xmxm","deleted":false,"id":79102},{"created_at":"2025-07-08T00:33:52.264553Z","name":"back","resource_type":"image","tags":[],"project_id":8799,"creator":null,"cloudinary_id":"wfnlheppaptpxecpjsxj","deleted":false,"id":79101},{"created_at":"2025-07-08T00:33:52.217524Z","name":"left","resource_type":"image","tags":[],"project_id":8799,"creator":null,"cloudinary_id":"te887vvrd8eg71jjekvq","deleted":false,"id":79100}],"messages_sent":0,"comments":[],"steps":[]}