\n <insert title>\n

{"name":"Matthew_recovered","description":"Navigate your character through a maze of conveyor belts, obstacles, and power-ups in this fast-paced arcade game. Can you handle the craze?","photo":null,"view_count":4,"fork_count":0,"expires_at":null,"created_at":"2024-01-11T20:39:12.843100Z","updated_at":"2024-01-11T20:39:12.843102Z","user_id":5,"status":"PUBLIC","parent_id":124,"id":334,"user":{"photo":null,"email":null,"recess_id":"b5574579-4904-b775-ad8e-eff5c085f819","created_at":"2023-12-12T12:00:51.087995Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"theop","id":5,"password_hash":null,"updated_at":"2023-12-12T12:00:51.087997Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"function setup() {\n createCanvas(windowWidth, windowHeight);\n}\n\nlet person = {\n x: 100,\n y: 100,\n size: 50,\n sprite: null,\n};\n\nlet mops = [{\n x: 300,\n y: 300,\n size: 50,\n sprite: null,\n direction: 'right', // initial direction\n}];\n\nlet mopSprite = {\n 'up': null,\n 'down': null,\n 'left': null,\n 'right': null,\n};\n\nfunction preload() {\n person.sprite = loadImage('@asset(\"person\")');\n mopSprite.right = loadImage('@asset(\"mop_right\")');\n mopSprite.left = loadImage('@asset(\"mop_left\")');\n mopSprite.up = loadImage('@asset(\"mop_U\")');\n mopSprite.down = loadImage('@asset(\"mop_Down\")');\n}\n\nfunction draw() {\n background(100, 255, 100); // Set the background color to green\n\n\n\n //move person with WASD keys\n if (keyIsDown(65) && person.x > 0) { // 'A' key\n person.x -= 7;\n }\n if (keyIsDown(68) && person.x < width - person.size) { // 'D' key\n person.x += 7;\n }\n if (keyIsDown(87) && person.y > 0) { // 'W' key\n person.y -= 7;\n }\n if (keyIsDown(83) && person.y < height - person.size) { // 'S' key\n person.y += 7;\n }\n\n //check every mop in our list of mops\n for (let mop of mops) {\n // draw mop\n if (mop.sprite) {\n image(mop.sprite, mop.x, mop.y, mop.size, mop.size);\n }\n\n if (dist(person.x, person.y, mop.x, mop.y) < (person.size + mop.size) / 2) {\n switch (mop.direction) {\n case 'right':\n person.x += 5;\n break;\n case 'left':\n person.x -= 5;\n break;\n case 'up':\n person.y -= 5;\n break;\n case 'down':\n person.y += 5;\n break;\n }\n }\n\n } //draw person\n if (person.sprite) {\n image(person.sprite, person.x, person.y, person.size, person.size);\n }\n}\n\nfunction keyPressed() {\n if (keyCode === 32) { // ASCII value of Space bar is 32\n let lastMop = mops[mops.length - 1]; // Get the last mop in the array\n let directionOptions = ['up', 'down', 'left', 'right'].filter(direction => direction !== oppositeDirection(lastMop.direction));\n let direction = directionOptions[Math.floor(Math.random() * directionOptions.length)];\n\n // Create a new mop at the edge of the last mop based on the direction\n let newMop = {\n x: lastMop.x,\n y: lastMop.y,\n size: 60,\n sprite: mopSprite[direction], // Assign the preloaded mop sprite\n direction: direction,\n };\n\n switch (lastMop.direction) {\n case 'right':\n newMop.x += lastMop.size;\n break;\n case 'left':\n newMop.x -= lastMop.size;\n break;\n case 'up':\n newMop.y -= lastMop.size;\n break;\n case 'down':\n newMop.y += lastMop.size;\n break;\n }\n\n // Check if new mop overlaps with any existing mop (except the last one)\n for (let i = 0; i < mops.length - 1; i++) { // Exclude the last mop\n let mop = mops[i];\n if (dist(newMop.x, newMop.y, mop.x, mop.y) < (newMop.size + mop.size) / 2) {\n console.log(\"Overlap detected, not adding new mop.\");\n return; // Stop the function here, do not add the new mop\n }\n }\n\n mops.push(newMop); // No overlap detected, add the new mop\n }\n}\n\nfunction oppositeDirection(direction) {\n switch (direction) {\n case 'right':\n return 'left';\n case 'left':\n return 'right';\n case 'up':\n return 'down';\n case 'down':\n return 'up';\n }\n}","style.css":"body {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n margin: 0;\n background-color: #f0f0f0;\n}\n\ncanvas {\n border: 1px solid black;\n}","index.html":"\n\n\n\n \n <insert title>\n \n \n \n\n\n\n \n\n\n"},"chat_history":[],"assets":[{"cloudinary_id":"gt2tkcu3a1brvjraqf6x","name":"person","deleted":false,"id":506,"created_at":"2024-01-11T20:39:12.856164Z","project_id":334,"resource_type":"image"},{"cloudinary_id":"y0iq6frcycjzxsacfbxj","name":"mop_left","deleted":false,"id":505,"created_at":"2024-01-11T20:39:12.854813Z","project_id":334,"resource_type":"image"},{"cloudinary_id":"hsixtpq1d48ivt6nj0ro","name":"mop_right","deleted":false,"id":504,"created_at":"2024-01-11T20:39:12.853558Z","project_id":334,"resource_type":"image"},{"cloudinary_id":"fflrr2ygrhzc6qq08suc","name":"mop_Down","deleted":false,"id":503,"created_at":"2024-01-11T20:39:12.852287Z","project_id":334,"resource_type":"image"},{"cloudinary_id":"zfjv6xaojrtg1cb7gt0i","name":"mop_U","deleted":false,"id":502,"created_at":"2024-01-11T20:39:12.850815Z","project_id":334,"resource_type":"image"}],"messages_sent":0,"comments":[],"steps":[{"instruction":"Add a character sprite that is visible on the game screen.","title":"Visible Character Sprite","created_at":"2023-12-21T16:03:28.130995","project_id":334,"complete":false,"step_number":0,"updated_at":"2024-01-11T20:39:12.846544","id":2050},{"instruction":"Implement arrow key controls for the player to move the character.","title":"User Input and Movement Controls","created_at":"2023-12-21T16:03:28.131094","project_id":334,"complete":false,"step_number":1,"updated_at":"2024-01-11T20:39:12.846619","id":2051},{"instruction":"Design and implement the logic for the character to be pushed in the direction of the conveyor belt they are standing on.","title":"Conveyor Belt Logic","created_at":"2023-12-21T16:03:28.131180","project_id":334,"complete":false,"step_number":2,"updated_at":"2024-01-11T20:39:12.846663","id":2052},{"instruction":"Incorporate obstacles and hazards that the character needs to avoid while on the conveyor belts.","title":"Obstacles and Hazards","created_at":"2023-12-21T16:03:28.131258","project_id":334,"complete":false,"step_number":3,"updated_at":"2024-01-11T20:39:12.846705","id":2053},{"instruction":"Implement power-ups and bonuses for the character to collect while navigating the conveyor belts.","title":"Power-ups and Bonuses","created_at":"2023-12-21T16:03:28.131323","project_id":334,"complete":false,"step_number":4,"updated_at":"2024-01-11T20:39:12.846747","id":2054},{"instruction":"Design multiple levels with varying conveyor belt speeds and additional obstacles for increased challenge.","title":"Different Levels with Increasing Difficulty","created_at":"2023-12-21T16:03:28.131390","project_id":334,"complete":false,"step_number":5,"updated_at":"2024-01-11T20:39:12.846789","id":2055},{"instruction":"Create a scoring system to track the player's performance in the game.","title":"Scoring System","created_at":"2023-12-21T16:03:28.131452","project_id":334,"complete":false,"step_number":6,"updated_at":"2024-01-11T20:39:12.846828","id":2056},{"instruction":"Add sound effects and visual feedback to enhance the gaming experience.","title":"Sound Effects and Visual Feedback","created_at":"2023-12-21T16:03:28.131514","project_id":334,"complete":false,"step_number":7,"updated_at":"2024-01-11T20:39:12.846869","id":2057}]}