Escape

{"name":"Escape Room Escapee","description":"Can you escape from the mysterious room filled with puzzles and hidden clues? Test your wits and solve the challenges to find your way out in this thrilling escape room game.","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/coq1jtvhulabtkdhw1th","view_count":7,"fork_count":0,"expires_at":null,"created_at":"2024-07-30T15:13:57.437592Z","updated_at":"2024-08-22T23:50:14.377057Z","user_id":25,"status":"PUBLIC","parent_id":1346,"id":2470,"user":{"photo":null,"email":"roserasp.rcl@gmail.com","recess_id":"b0325c1e-fa33-e420-3bbd-16e23deec92c","created_at":"2023-12-19T12:40:25.190376Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"unibunny","id":25,"password_hash":"$2b$12$T8DLx5HV8mYkO6ID/7yXxOe2XWdeWxkYEFlZHZ8igj1Ovbd.zs2aO","updated_at":"2023-12-19T12:40:25.190378Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"// document.addEventListener(\"DOMContentLoaded\", function () {\r\n// // Show the game animation\r\n// var gameAnimation = document.getElementById(\"gameAnimation\");\r\n// gameAnimation.style.display = \"block\";\r\n\r\n// // Hide the animation after 10 seconds and initialize the game\r\n// setTimeout(function () {\r\n// gameAnimation.style.display = \"none\";\r\n// initializeGame();\r\n// }, 9000); // 10000 milliseconds = 10 seconds\r\n// });\r\n\r\n\r\n\r\n// Convert the existing setup function into initializeGame\r\n// And move all game initialization code there\r\n// Preloading assets\r\nfunction preload() {\r\n playerImg = loadImage(\"@asset('player')\");\r\n tileImg = loadImage(\"@asset('tile')\");\r\n doorImg = loadImage(\"@asset('door')\");\r\n keyImg = loadImage(\"@asset('Key')\");\r\n drawerImg = loadImage(\"@asset('Drawer')\");\r\n drawerOpenImg = loadImage(\"@asset('DrawerOpen')\");\r\n knifeImg = loadImage(\"@asset('Knife')\");\r\n lampImg = loadImage(\"@asset('lamp')\");\r\n ewImg = loadImage(\"@asset('ew')\");\r\n}\r\n\r\n// Global variables\r\nlet drawerX = 200, drawerY = 100, lampLit = false, hasKey = false;\r\nlet keySize = 25, keyX, keyY, ewX, ewY;\r\nlet ewSpeedX = 4, ewSpeedY = 4, showPopUp = false, playerX, playerY;\r\nlet targetX, targetY, doorX = 350, doorY = 100, ewActive = false;\r\nlet hasKnife = false, ewKilled = false, lampVisible = false; // Added lampVisible\r\n\r\n\r\n// Setup function to initialize game state\r\nfunction setup() {\r\n createCanvas(500, 400);\r\n pixelDensity(1);\r\n noSmooth();\r\n initializeGame();\r\n}\r\n\r\n// Initialize or reset game state\r\nfunction initializeGame() {\r\n playerX = targetX = width / 2 - 50;\r\n playerY = targetY = height / 2 - 50;\r\n keyX = width / 2 - keySize / 2;\r\n keyY = height / 2 - keySize / 2;\r\n ewX = width / 2;\r\n ewY = height / 2;\r\n ewActive = false;\r\n ewKilled = false;\r\n hasKey = false;\r\n hasKnife = false;\r\n lampLit = false;\r\n showPopUp = false;\r\n lampVisible = false; // Initialize lamp as invisible\r\n}\r\n\r\n// Draw function to render game frame\r\nfunction draw() {\r\n background(0);\r\n drawTiles();\r\n updatePlayerPosition();\r\n let mouseOverDrawer = isMouseOverDrawer();\r\n handleDrawerInteraction(mouseOverDrawer);\r\n drawStaticElements();\r\n if (ewActive) updateEwPosition();\r\n drawPlayer();\r\n if (showPopUp) drawPopUp(); // Check and draw the pop-up if needed\r\n}\r\n\r\n// Helper functions\r\nfunction drawTiles() {\r\n for (let x = 0; x < width; x += 25) {\r\n for (let y = 0; y < height; y += 25) {\r\n image(tileImg, x, y, 25, 25);\r\n }\r\n }\r\n}\r\n\r\nfunction isMouseOverDrawer() {\r\n return mouseX > drawerX && mouseX < drawerX + 50 && mouseY > drawerY && mouseY < drawerY + 50;\r\n}\r\n\r\nfunction handleDrawerInteraction(mouseOverDrawer) {\r\n if (mouseOverDrawer && !ewActive && !ewKilled) {\r\n ewActive = true;\r\n }\r\n if (mouseOverDrawer) {\r\n image(drawerOpenImg, drawerX, drawerY, 50, 50);\r\n lampVisible = true; // Make the lamp visible when the drawer is opened\r\n lampLit = true; // Light the lamp when the drawer is opened\r\n } else {\r\n image(drawerImg, drawerX, drawerY, 50, 50);\r\n lampLit = false; // Turn off the lamp when the drawer is closed\r\n }\r\n}\r\n\r\nfunction updatePlayerPosition() {\r\n playerX = lerp(playerX, targetX, 0.05);\r\n playerY = lerp(playerY, targetY, 0.05);\r\n}\r\n\r\nfunction drawStaticElements() {\r\n if (lampVisible) { // Draw the lamp only if it's visible\r\n image(lampImg, 180, 50, 100, 100);\r\n }\r\n image(doorImg, doorX, doorY, 50, 100);\r\n if (!hasKey) image(keyImg, keyX, keyY, keySize, keySize);\r\n if (lampLit) {\r\n fill(255, 204, 0, 20);\r\n rect(0, 0, width, height);\r\n }\r\n}\r\n\r\nfunction updateEwPosition() {\r\n // Update and draw cockRoach position\r\n cockRoachX += ewSpeedX;\r\n ewY += ewSpeedY;\r\n bounceEw();\r\n image(ewImg, ewX, ewY, 50, 50);\r\n}\r\n\r\nfunction bounceEw() {\r\n if (ewX <= 0 || ewX >= width - 50) ewSpeedX *= -1;\r\n if (ewY <= 0 || ewY >= height - 50) ewSpeedY *= -1;\r\n}\r\n\r\nfunction drawPlayer() {\r\n let angle = atan2(mouseY - playerY - 50, mouseX - playerX - 50);\r\n push();\r\n translate(playerX + 50, playerY + 50);\r\n rotate(angle + PI);\r\n imageMode(CENTER);\r\n image(playerImg, 0, 0, 100, 100);\r\n pop();\r\n}\r\n\r\nfunction drawPopUp() {\r\n // Pop-up background\r\n fill(255, 255, 255, 200); // Semi-transparent white background\r\n rect(50, 50, width - 100, height - 100, 20); // Rounded rectangle for the pop-up\r\n\r\n // Conditional content based on game state\r\n if (hasKnife) {\r\n // If the player has the knife, show an image of it and a message\r\n let message = \"You've acquired a knife! Use it wisely.\";\r\n fill(0); // Black text color\r\n textSize(16); // Text size\r\n textAlign(CENTER, CENTER); // Center the text horizontally and vertically\r\n text(message, width / 2, height / 2 - 75); // Position the text above the knife image\r\n\r\n // Display the knife image\r\n imageMode(CENTER); // Center the image based on its coordinates\r\n image(knifeImg, width / 2, height / 2, 50, 50); // Adjust size as needed\r\n } else {\r\n // If the player hasn't acquired the knife yet, display a different message\r\n let message = \"Find and use the knife to protect yourself.\";\r\n fill(0); // Black text color\r\n textSize(16); // Text size\r\n textAlign(CENTER, CENTER); // Center the text\r\n text(message, width / 2, height / 2); // Center the message in the pop-up\r\n }\r\n}\r\n\r\n// Mouse and Keyboard interaction\r\nfunction mouseClicked() {\r\n let mouseOverDrawerClickCheck = isMouseOverDrawer();\r\n\r\n if (!hasKey && mouseX > keyX && mouseX < keyX + keySize && mouseY > keyY && mouseY < keyY + keySize) {\r\n hasKey = true;\r\n }\r\n\r\n if (mouseOverDrawerClickCheck && !hasKnife) {\r\n hasKnife = true;\r\n }\r\n\r\n if (ewActive && !ewKilled && hasKnife && mouseX > ewX && mouseX < ewX + 50 && mouseY > ewY && mouseY < ewY + 50) {\r\n ewKilled = true;\r\n ewActive = false;\r\n }\r\n\r\n targetX = mouseX;\r\n targetY = mouseY;\r\n}\r\nfunction keyPressed() {\r\n if (key === 'q' || key === 'Q') {\r\n lampLit = !lampLit;\r\n } else if (key === 'e' || key === 'E') {\r\n showPopUp = !showPopUp; // Toggle the pop-up visibility\r\n return false; // Prevent default action to avoid scrolling\r\n }\r\n}","style.css":"html,\r\nbody {\r\n height: 100%;\r\n margin: 0;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background-color: #f0f0f0;\r\n /* Optional: Change the background color */\r\n}\r\n\r\ncanvas {\r\n display: block;\r\n /* Keeps the canvas as a block element */\r\n margin: auto;\r\n /* Centers the canvas horizontally */\r\n border: 4px solid #000000;\r\n /* Adds a border around the canvas */\r\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);\r\n /* Optional: Adds a subtle shadow for depth */\r\n}\r\n\r\n#gameAnimation {\r\n position: fixed;\r\n /* Use fixed to cover the entire screen */\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n /* 100% of the viewport width */\r\n height: 100vh;\r\n /* 100% of the viewport height */\r\n object-fit: cover;\r\n /* Cover the screen without losing aspect ratio */\r\n z-index: 10;\r\n /* Ensure it's above other elements */\r\n}","index.html":"\n\n\n\n \n \n Escape\n \n\n\n\n

\n \n \n\n\n"},"chat_history":[{"project_id":2470,"sender":"human","message":"Let's get started!","deleted":0,"created_at":"2024-07-30T15:16:47.770938Z","output_tokens":null,"code_id":125999,"input_tokens":null,"id":61605},{"project_id":2470,"sender":"ai","message":"Great! Let's enhance the visual elements of your escape room game. \n\nHere are the features we'll be implementing:\n\n1. **Enhance Visual Elements**:\n - Improve the room layout with better object positioning.\n - Add more objects to make the room more intriguing.\n \n2. **Interactive Elements**:\n - Implement interactions for each object (e.g., finding keys, opening drawers).\n - Add more puzzles or objects to interact with.\n\n3. **Player Movement**:\n - Ensure smooth player movement with mouse clicks.\n - Make sure the player can interact with objects by clicking on them.\n\n4. **Game Logic Improvements**:\n - Add more complex puzzles.\n - Implement winning or losing conditions.\n\nDoes this sound good to you? If you have any specific ideas for objects or interactions, feel free to share! 😊","deleted":0,"created_at":"2024-07-30T15:16:47.776846Z","output_tokens":null,"code_id":125999,"input_tokens":null,"id":61606},{"project_id":2470,"sender":"human","message":"can we make the lamp appear when the drawer is already opened","deleted":0,"created_at":"2024-07-30T15:20:12.599930Z","output_tokens":null,"code_id":126015,"input_tokens":null,"id":61607},{"project_id":2470,"sender":"ai","message":"Sure! Let's modify the code so that the lamp appears only when the drawer is opened. We'll update the `handleDrawerInteraction` function to include this logic.\n\nHere's how we can do it:\n\n1. **Modify the `handleDrawerInteraction` function**:\n - Add a condition to display the lamp only when the drawer is opened.\n\nLet's start by updating the function.\n\n```javascript\nfunction handleDrawerInteraction(mouseOverDrawer) {\n if (mouseOverDrawer && !ewActive && !ewKilled) {\n ewActive = true;\n }\n if (mouseOverDrawer) {\n image(drawerOpenImg, drawerX, drawerY, 50, 50);\n lampLit = true; // Light the lamp when the drawer is opened\n } else {\n image(drawerImg, drawerX, drawerY, 50, 50);\n lampLit = false; // Turn off the lamp when the drawer is closed\n }\n}\n```\n\n### Explanation:\n- **lampLit = true;**: This will light up the lamp when the drawer is opened.\n- **lampLit = false;**: This will turn off the lamp when the drawer is closed.\n\nNow, the lamp will only appear when the drawer is opened. Would you like to proceed with this change? 😊","deleted":0,"created_at":"2024-07-30T15:20:12.607472Z","output_tokens":null,"code_id":126015,"input_tokens":null,"id":61608},{"project_id":2470,"sender":"human","message":"I meant like first the lamp is invisable, then it becomes visable after it is touched","deleted":0,"created_at":"2024-07-30T15:23:03.624519Z","output_tokens":null,"code_id":126019,"input_tokens":null,"id":61613},{"project_id":2470,"sender":"ai","message":"Got it! Let's add the functionality so that the lamp appears only after the drawer is touched and opened.\n\n### Steps:\n1. **Initialize the lamp as invisible**.\n2. **Show the lamp when the drawer is touched and opened**.\n\nLet's modify the code accordingly.\n\n### Update `initializeGame` function:\n1. Set `lampVisible` to `false` initially.\n\n### Update `handleDrawerInteraction` function:\n1. Set `lampVisible` to `true` when the drawer is touched.\n\n### Update `drawStaticElements` function:\n1. Draw the lamp only when `lampVisible` is `true`.\n\nLet's get started with these updates:\n\n```javascript\n// Global variables\nlet drawerX = 200, drawerY = 100, lampLit = false, hasKey = false;\nlet keySize = 25, keyX, keyY, ewX, ewY;\nlet ewSpeedX = 4, ewSpeedY = 4, showPopUp = false, playerX, playerY;\nlet targetX, targetY, doorX = 350, doorY = 100, ewActive = false;\nlet hasKnife = false, ewKilled = false, lampVisible = false; // Added lampVisible\n\n// Initialize or reset game state\nfunction initializeGame() {\n playerX = targetX = width / 2 - 50;\n playerY = targetY = height / 2 - 50;\n keyX = width / 2 - keySize / 2;\n keyY = height / 2 - keySize / 2;\n ewX = width / 2;\n ewY = height / 2;\n ewActive = false;\n ewKilled = false;\n hasKey = false;\n hasKnife = false;\n lampLit = false;\n showPopUp = false;\n lampVisible = false; // Initialize lamp as invisible\n}\n\nfunction handleDrawerInteraction(mouseOverDrawer) {\n if (mouseOverDrawer && !ewActive && !ewKilled) {\n ewActive = true;\n }\n if (mouseOverDrawer) {\n image(drawerOpenImg, drawerX, drawerY, 50, 50);\n lampVisible = true; // Make the lamp visible when the drawer is opened\n lampLit = true; // Light the lamp when the drawer is opened\n } else {\n image(drawerImg, drawerX, drawerY, 50, 50);\n lampLit = false; // Turn off the lamp when the drawer is closed\n }\n}\n\nfunction drawStaticElements() {\n if (lampVisible) { // Draw the lamp only if it's visible\n image(lampImg, 180, 50, 100, 100);\n }\n image(doorImg, doorX, doorY, 50, 100);\n if (!hasKey) image(keyImg, keyX, keyY, keySize, keySize);\n if (lampLit) {\n fill(255, 204, 0, 20);\n rect(0, 0, width, height);\n }\n}\n```\n\n### Explanation:\n- **lampVisible**: A new global variable to track the visibility of the lamp.\n- **lampVisible = false;**: Initialize the lamp as invisible in `initializeGame`.\n- **lampVisible = true;**: Set the lamp to be visible when the drawer is touched in `handleDrawerInteraction`.\n- **if (lampVisible) { ... }**: Draw the lamp only if it's visible in `drawStaticElements`.\n\nWould you like to proceed with these changes? 😊","deleted":0,"created_at":"2024-07-30T15:23:03.664087Z","output_tokens":null,"code_id":126019,"input_tokens":null,"id":61614}],"assets":[{"cloudinary_id":"n03hwc7iw0narir23rl6","name":"Knife","deleted":false,"id":15796,"created_at":"2024-07-30T15:13:57.474595Z","project_id":2470,"resource_type":"image"},{"cloudinary_id":"jtfkanlksxrh1lz7yetc","name":"DrawerOpen","deleted":false,"id":15795,"created_at":"2024-07-30T15:13:57.472426Z","project_id":2470,"resource_type":"image"},{"cloudinary_id":"azn7fwoqgwpalxiertwa","name":"Drawer","deleted":false,"id":15794,"created_at":"2024-07-30T15:13:57.470312Z","project_id":2470,"resource_type":"image"},{"cloudinary_id":"lkcqtsc7odkgoqc1mjq6","name":"Key","deleted":false,"id":15793,"created_at":"2024-07-30T15:13:57.469114Z","project_id":2470,"resource_type":"image"},{"cloudinary_id":"x99jynwspdw0krqv99cc","name":"player","deleted":false,"id":15792,"created_at":"2024-07-30T15:13:57.467375Z","project_id":2470,"resource_type":"image"},{"cloudinary_id":"ixrjs9evfwseh7qp70zn","name":"tile","deleted":false,"id":15791,"created_at":"2024-07-30T15:13:57.465369Z","project_id":2470,"resource_type":"image"},{"cloudinary_id":"v5xcs0r1ezfz0jq1oe3g","name":"door","deleted":false,"id":15790,"created_at":"2024-07-30T15:13:57.463283Z","project_id":2470,"resource_type":"image"},{"cloudinary_id":"coq1jtvhulabtkdhw1th","name":"game_animation","deleted":false,"id":15789,"created_at":"2024-07-30T15:13:57.461428Z","project_id":2470,"resource_type":"image"},{"cloudinary_id":"ecdcsyeuaaxq872c3ji4","name":"lamp","deleted":false,"id":15788,"created_at":"2024-07-30T15:13:57.459322Z","project_id":2470,"resource_type":"image"},{"cloudinary_id":"uby92bienrl2lkxdj0of","name":"ew","deleted":false,"id":15787,"created_at":"2024-07-30T15:13:57.456771Z","project_id":2470,"resource_type":"image"}],"messages_sent":3,"comments":[],"steps":[{"instruction":"Create a variety of challenging puzzles that the player must solve to progress through the game.","title":"Implement interactive puzzles","created_at":"2024-03-20T13:59:34.657585","project_id":2470,"complete":false,"step_number":1,"updated_at":"2024-07-30T15:13:57.442823","id":10403},{"instruction":"Incorporate a compelling storyline to give context and purpose to the escape room experience.","title":"Introduce storyline and narrative","created_at":"2024-03-20T13:59:34.657629","project_id":2470,"complete":false,"step_number":2,"updated_at":"2024-07-30T15:13:57.442916","id":10404},{"instruction":"Enhance the atmosphere of the game with immersive sound effects and background music.","title":"Add sound effects and background music","created_at":"2024-03-20T13:59:34.657671","project_id":2470,"complete":false,"step_number":3,"updated_at":"2024-07-30T15:13:57.442970","id":10405},{"instruction":"Develop a hint system to assist players who may get stuck on a puzzle, without giving away the solutions outright.","title":"Incorporate hint system","created_at":"2024-03-20T13:59:34.657713","project_id":2470,"complete":false,"step_number":4,"updated_at":"2024-07-30T15:13:57.443021","id":10406},{"instruction":"Design and implement the visual elements of the escape room, including the room layout, objects, and interactive elements.","title":"Create immersive escape room environment","created_at":"2024-03-20T13:59:34.657520","project_id":2470,"complete":false,"step_number":0,"updated_at":"2024-07-30T15:13:57.443071","id":10407}]}