Virtual Room Explorer

{"name":"Haunted House Rooms","description":"","photo":"","view_count":7,"fork_count":0,"expires_at":null,"created_at":"2025-08-06T08:42:01.867373Z","updated_at":"2025-08-06T08:42:01.867374Z","user_id":246,"status":"DELETED","parent_id":null,"id":8691,"user":{"photo":null,"email":"kristen@recess.gg","recess_id":"c4ad84f6-113d-480b-bc29-80549518b3ee","created_at":"2024-10-31T20:27:47.342142Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"chicothedog","id":246,"password_hash":"$2b$12$QgZsBBZ/7CFyOhVkfVhTNeoe4jAY.pIJOieTXeg0HWS23ZcCpiAeO","updated_at":"2024-10-31T20:27:47.342148Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let player;\n\nlet roomMap;\n\nlet currentRoom;\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 // Lock the bottom door of Room 6 (index 5)\n roomMap[5].lockedDoors.bottom = true;\n\n currentRoom = { row: 0, col: 0 };\n}\n\nfunction draw() {\n background('lightyellow');\n const roomIndex = currentRoom.row * 5 + currentRoom.col; // Calculate the index for the current room\n roomMap[roomIndex].drawDoors(); // Draw doors for the current room\n player.move();\n player.display();\n checkForDoorCollision();\n drawMinimap(); // Call the minimap drawing function\n}\n\nclass Player {\n constructor(x, y) {\n this.x = x;\n this.y = y;\n this.size = 20;\n }\n\n move() {\n if (keyIsDown(LEFT_ARROW) || keyIsDown(65)) this.x -= 5;\n if (keyIsDown(RIGHT_ARROW) || keyIsDown(68)) this.x += 5;\n if (keyIsDown(UP_ARROW) || keyIsDown(87)) this.y -= 5;\n if (keyIsDown(DOWN_ARROW) || keyIsDown(83)) this.y += 5;\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 fill(255, 0, 0);\n rect(this.x, this.y, this.size, this.size);\n }\n}\n\nclass 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}\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 Virtual Room Explorer\n \n \n \n\n\n \n\n"},"chat_history":[],"assets":[{"project_id":8691,"creator":"","cloudinary_id":"te887vvrd8eg71jjekvq","deleted":false,"id":78845,"created_at":"2025-07-07T01:39:34.817479Z","name":"left","resource_type":"image","tags":[]},{"project_id":8691,"creator":"","cloudinary_id":"wfnlheppaptpxecpjsxj","deleted":false,"id":78844,"created_at":"2025-07-07T01:39:15.237467Z","name":"back","resource_type":"image","tags":[]},{"project_id":8691,"creator":"","cloudinary_id":"cp60rqzj000a8qv2xmxm","deleted":false,"id":78843,"created_at":"2025-07-07T01:38:56.467767Z","name":"right","resource_type":"image","tags":[]},{"project_id":8691,"creator":"","cloudinary_id":"juswk8lpqg2wwsrwmxrj","deleted":false,"id":78842,"created_at":"2025-07-07T01:38:29.260239Z","name":"fwd","resource_type":"image","tags":[]},{"project_id":8691,"creator":"","cloudinary_id":"al3tcaozdx8bcvtnqf6y","deleted":false,"id":78841,"created_at":"2025-07-07T00:59:50.119958Z","name":"goblin1","resource_type":"image","tags":[]},{"project_id":8691,"creator":"","cloudinary_id":"vyamcoxzdkr2aemonhjm","deleted":false,"id":78840,"created_at":"2025-07-07T00:58:03.301999Z","name":"clown","resource_type":"image","tags":[]},{"project_id":8691,"creator":"","cloudinary_id":"helvgiujgzq8en6vksa1","deleted":false,"id":78839,"created_at":"2025-07-07T00:57:22.079184Z","name":"dogRun","resource_type":"image","tags":[]},{"project_id":8691,"creator":"","cloudinary_id":"jzh9r96izn8j9tvtlrhz","deleted":false,"id":78838,"created_at":"2025-07-07T00:57:02.362443Z","name":"dogBark","resource_type":"image","tags":[]},{"project_id":8691,"creator":"","cloudinary_id":"f20kco5iw4hb8me5lqne","deleted":false,"id":78837,"created_at":"2025-07-07T00:54:31.811323Z","name":"skull","resource_type":"image","tags":[]},{"project_id":8691,"creator":"","cloudinary_id":"q4g6g7cayyxdsgf2cuge","deleted":false,"id":78836,"created_at":"2025-07-07T00:53:10.474332Z","name":"skeletonWalking","resource_type":"image","tags":[]}],"messages_sent":9,"comments":[{"content":"🤯","id":1225,"user_id":293,"user":{"photo":null,"email":"alex.kiser@alpha.school","recess_id":null,"created_at":"2025-01-03T16:25:03.588519Z","reset_token":null,"stripe_customer_id":"cus_RWFweFYyuD7iiO","seats":20,"username":"alphamiami","id":293,"password_hash":"$2b$12$E8wTkQ0i.W4zUOkbcDIS1urhxe8Apt6s/hiGg1wz/duyd8CiARD3C","updated_at":"2025-01-03T16:25:03.588532Z","reset_token_expiry":null,"subscription_status":"canceled"},"project_id":8691,"created_at":"2025-07-07T13:13:36.871268Z","updated_at":"2025-07-07T13:13:36.871271Z"}],"steps":[]}