Pup Quest: The Tail-Wagging Adventure

{"name":"Pup Quest: The Tail-Wagging Adventure","description":"Embark on a delightful journey through the eyes of a playful pup in 'Pup Quest: The Tail-Wagging Adventure'. Customize your dog, unleash special abilities, conquer challenging obstacles, complete fun missions, and embark on a thrilling food hunt in this doggone delightful game!","photo":null,"view_count":3,"fork_count":0,"expires_at":null,"created_at":"2024-02-09T18:54:12.912214Z","updated_at":"2024-02-09T18:54:12.912216Z","user_id":2,"status":"PUBLIC","parent_id":606,"id":608,"user":{"username":"gamerc0der","id":2,"password_hash":null,"updated_at":"2023-12-11T22:13:50.357943Z","reset_token_expiry":null,"subscription_status":null,"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},"code":{"script.js":"\nlet dogOptions = {\n breed: ['bulldog', 'beagle', 'german shepherd', 'golden retriever', 'labrador'],\n color: ['black', 'white', 'brown', 'spotted', 'brindle'],\n accessories: ['hat', 'glasses', 'scarf', 'collar', 'bandana']\n};\n\nfunction createCustomizationOptions() {\n let breedOption = document.createElement('select');\n dogOptions.breed.forEach((breed) => {\n let option = document.createElement('option');\n option.text = breed;\n breedOption.add(option);\n });\n document.body.appendChild(breedOption);\n\n let colorOption = document.createElement('select');\n dogOptions.color.forEach((color) => {\n let option = document.createElement('option');\n option.text = color;\n colorOption.add(option);\n });\n document.body.appendChild(colorOption);\n\n let accessoryOption = document.createElement('select');\n dogOptions.accessories.forEach((accessory) => {\n let option = document.createElement('option');\n option.text = accessory;\n accessoryOption.add(option);\n });\n document.body.appendChild(accessoryOption);\n}\n\nfunction createDrawButton() {\n let drawButton = document.createElement('button');\n drawButton.textContent = 'Draw Your Pup!';\n drawButton.onclick = function () {\n drawPup();\n };\n document.body.appendChild(drawButton);\n}\n\n\nwindow.onload = function () {\n createCustomizationOptions();\n createDrawButton();\n};\nlet breedSizeMap = {\n 'bulldog': 100,\n 'beagle': 75,\n 'german shepherd': 125,\n 'golden retriever': 150,\n 'labrador': 100\n};\n\nlet colorMap = {\n 'black': 0x000000,\n 'white': 0xFFFFFF,\n 'brown': 0x8B4513,\n 'spotted': 0xD3D3D3, // light gray for now\n 'brindle': 0xA52A2A // brown for now\n};\n\n\n\n\n\n\n\nfunction drawPup() {\n let breed = document.getElementsByTagName('select')[0].value;\n let color = document.getElementsByTagName('select')[1].value;\n let accessory = document.getElementsByTagName('select')[2].value;\n\n let config = {\n type: Phaser.AUTO,\n width: 800,\n height: 800,\n scene: new DogScene(breed, color, accessory)\n };\n\n let game = new Phaser.Game(config);\n}\nclass DogScene extends Phaser.Scene {\n constructor(breed, color, accessory) {\n super({ key: 'DogScene' });\n this.breed = breed;\n this.color = color;\n this.accessory = accessory;\n }\n\n create() {\n let graphics = this.add.graphics({ fillStyle: { color: colorMap[this.color] } });\n\n let size = breedSizeMap[this.breed];\n // Draw head as a circle\n graphics.fillCircle(400, 300, size);\n\n // Draw body as a rectangle\n graphics.fillRect(350, 400, size, size * 1.5);\n\n // Draw legs as rectangles\n graphics.fillRect(350, 550, size * 0.25, size);\n graphics.fillRect(425, 550, size * 0.25, size);\n\n // Draw eyes as smaller circles\n graphics.fillStyle(0xFFFFFF, 1); // white color for eyes\n graphics.fillCircle(400 - size * 0.25, 300 - size * 0.25, size * 0.1);\n graphics.fillCircle(400 + size * 0.25, 300 - size * 0.25, size * 0.1);\n\n // Draw mouth as a curved line or small rectangle\n graphics.fillStyle(0x000000, 1); // black color for mouth\n graphics.fillRect(400 - size * 0.25, 300, size * 0.5, size * 0.1);\n\n // Draw accessory\n switch(this.accessory) {\n case 'hat':\n graphics.fillStyle(0x000000, 1); // black color for hat\n graphics.fillRect(400 - size * 0.25, 300 - size, size * 0.5, size * 0.25);\n break;\n case 'glasses':\n graphics.fillStyle(0x000000, 1); // black color for glasses\n graphics.fillRect(400 - size * 0.5, 300 - size * 0.5, size * 0.5, size * 0.1);\n graphics.fillRect(400, 300 - size * 0.5, size * 0.5, size * 0.1);\n break;\n case 'scarf':\n case 'collar':\n case 'bandana':\n graphics.fillStyle(0xFF0000, 1); // red color for these accessories\n graphics.fillCircle(400, 300 + size, size * 0.75);\n break;\n }\n }\n}\n \n \n","style.css":"","index.html":"\n\n\n\n \n \n Pup Quest: The Tail-Wagging Adventure\n \n\n\n\n \n \n\n

please note that if your dog color is black you will not see it while making your dog

\n\n\n"},"chat_history":[{"deleted":0,"code_id":37847,"input_tokens":null,"id":21390,"project_id":608,"sender":"human","message":"Let's get started!","created_at":"2024-02-09T18:54:13.993083Z","output_tokens":null},{"deleted":0,"code_id":37847,"input_tokens":null,"id":21391,"project_id":608,"sender":"ai","message":"","created_at":"2024-02-09T18:54:13.998707Z","output_tokens":null},{"deleted":0,"code_id":37848,"input_tokens":null,"id":21392,"project_id":608,"sender":"human","message":"css","created_at":"2024-02-09T18:54:14.991168Z","output_tokens":null},{"deleted":0,"code_id":37848,"input_tokens":null,"id":21393,"project_id":608,"sender":"ai","message":"Sure, let's create some CSS to style and align the customization options and the 'Draw Your Pup!' button. \n\n```css\nbody {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 100vh;\n margin: 0;\n background-color: #f0f0f0;\n font-family: Arial, sans-serif;\n}\n\nselect, button {\n margin: 10px;\n padding: 10px;\n font-size: 16px;\n}\n\nbutton {\n background-color: #4CAF50;\n color: white;\n border: none;\n cursor: pointer;\n transition-duration: 0.4s;\n}\n\nbutton:hover {\n background-color: #45a049;\n}\n```\n\n- The `body` style centers its content vertically and horizontally, sets the margin to zero, and applies a light gray background color.\n- The `select` and `button` styles add some margin and padding around the customization dropdowns and the button, and increase the font size for better readability.\n- The `button` style also changes the button's background color to a shade of green, removes its border, changes the cursor to a pointer when hovering over it, and adds a transition effect for the hover state.\n- The `button:hover` style changes the button's background color when it's hovered over to give some interactivity.","created_at":"2024-02-09T18:54:14.997008Z","output_tokens":null},{"deleted":0,"code_id":37855,"input_tokens":null,"id":21396,"project_id":608,"sender":"human","message":"custom scroll abr","created_at":"2024-02-09T18:55:45.442921Z","output_tokens":null},{"deleted":0,"code_id":37855,"input_tokens":null,"id":21397,"project_id":608,"sender":"ai","message":"All right, let's style the scroll bars to better match the game's theme. \n\n```css\n/* Custom scrollbar styles */\n::-webkit-scrollbar {\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: #f1f1f1;\n}\n\n::-webkit-scrollbar-thumb {\n background: #888;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #555;\n}\n```\n\n- The `::-webkit-scrollbar` rule changes the width of the scrollbar to 10px for elements on the page.\n- The `::-webkit-scrollbar-track` rule styles the track (or progress bar) that the handle (or thumb) slides along. Its background color is set to a light gray.\n- The `::-webkit-scrollbar-thumb` rule styles the handle that can be dragged along the track. Its background color is set to a darker gray.\n- The `::-webkit-scrollbar-thumb:hover` rule changes the handle's background color to an even darker gray when it's hovered over.","created_at":"2024-02-09T18:55:45.449354Z","output_tokens":null}],"assets":[],"messages_sent":3,"comments":[],"steps":[{"title":"Character Customization","step_number":0,"complete":false,"updated_at":"2024-02-09T18:54:12.915728","id":3363,"instruction":"Allow users to customize their dog's appearance, such as choosing different breeds, colors, and accessories.","created_at":"2024-02-09T18:14:48.697309","project_id":608},{"title":"Dog Abilities","step_number":1,"complete":false,"updated_at":"2024-02-09T18:54:12.915799","id":3364,"instruction":"Implement various dog abilities that the user can control, such as barking, running, jumping, and digging.","created_at":"2024-02-09T18:14:48.697365","project_id":608},{"title":"Obstacle Course","step_number":2,"complete":false,"updated_at":"2024-02-09T18:54:12.915844","id":3365,"instruction":"Create a challenging obstacle course for the user to navigate as a dog, including jumps, tunnels, and platforms.","created_at":"2024-02-09T18:14:48.697406","project_id":608},{"title":"Collectibles","step_number":3,"complete":false,"updated_at":"2024-02-09T18:54:12.915883","id":3366,"instruction":"Scatter collectible items throughout the game world that the user can gather as a dog, such as bones or toys.","created_at":"2024-02-09T18:14:48.697443","project_id":608},{"title":"Missions and Challenges","step_number":4,"complete":false,"updated_at":"2024-02-09T18:54:12.915921","id":3367,"instruction":"Design missions or challenges for the user to complete, such as finding hidden objects or completing tasks within a time limit.","created_at":"2024-02-09T18:14:48.697480","project_id":608},{"title":"Scoring System","step_number":5,"complete":false,"updated_at":"2024-02-09T18:54:12.915960","id":3368,"instruction":"Include a scoring system to track the user's performance in the game, such as time taken to complete the obstacle course or number of collectibles gathered.","created_at":"2024-02-09T18:14:48.697516","project_id":608},{"title":"Food Hunt","step_number":6,"complete":false,"updated_at":"2024-02-09T18:54:12.915997","id":3369,"instruction":"Create a mini-game where the user has to find and collect food items scattered throughout the game world. The user can earn points or gain energy by collecting the food items.","created_at":"2024-02-09T18:14:48.697552","project_id":608},{"title":"Feeding","step_number":7,"complete":false,"updated_at":"2024-02-09T18:54:12.916034","id":3370,"instruction":"Allow the user to feed their dog character in the game. This can be done by providing a food bowl or treats that the user can interact with.","created_at":"2024-02-09T18:14:48.697588","project_id":608}]}