Clean up the Beach Game

{"name":"Beach Cleanup Challenge","description":"Join the Beach Cleanup Challenge and help keep the beach clean! Collect trash, avoid obstacles, and race against the clock in this fun and challenging game.","photo":null,"view_count":22,"fork_count":0,"expires_at":null,"created_at":"2023-12-13T18:45:22.151047Z","updated_at":"2023-12-13T18:45:22.151049Z","user_id":17,"status":"PUBLIC","parent_id":30,"id":32,"user":{"username":"ivybug4ever","id":17,"password_hash":"$2b$12$7cje0fPpT7l8lmZYL2350.1LzkoW6g892WzM7WiLWpI5SMWxsnFbm","updated_at":"2023-12-13T17:18:57.944787Z","reset_token_expiry":null,"subscription_status":null,"photo":null,"email":"ivyjohartzell@gmail.com","recess_id":"014606e3-89fa-54f1-1ba8-a2e3734da281","created_at":"2023-12-13T17:18:57.944783Z","reset_token":null,"stripe_customer_id":null,"seats":null},"code":{"script.js":"let emojis = [];\nlet images = [];\nlet emotions = [\n { emoji: '😁', threshold: 0 }, // super happy\n { emoji: '😊', threshold: 5 }, // happy\n { emoji: '😠', threshold: 10 }, // angry\n { emoji: '😡', threshold: 40 } // furious\n];\nlet score = 0;\nlet titleImage;\nlet gameState = 'title';\n\nfunction preload() {\n titleImage = loadImage('https://cdn.discordapp.com/attachments/1113924553194864813/1176944101678141470/0.png?ex=65832a9c&is=6570b59c&hm=12b57c1d31de6fce185c7c8eb10ebb06baeea7ef6f72f024ea37246e2fadcc92&')\n bg = loadImage('https://cdn.discordapp.com/attachments/1113924553194864813/1182018392950050856/simple_beach_drawing_by_zylaa_dbluy1-fullview.png');\n images.push(loadImage('https://cdn.discordapp.com/attachments/1113924553194864813/1184553770584117268/cup-removebg-preview.png?ex=658c64aa&is=6579efaa&hm=4bce9989fa2b63f36893f1b30cecd07547cbfd44cb2830090084ce7005df1848&'));\n images.push(loadImage('https://cdn.discordapp.com/attachments/1113924553194864813/1184553721456242728/boxers-removebg-preview.png?ex=658c649f&is=6579ef9f&hm=f95a670b355c52c49c22073df6f5d018819d810c78f9e0bceef76d104a1496a4&'));\n images.push(loadImage('https://cdn.discordapp.com/attachments/1113924553194864813/1184553770584117268/cup-removebg-preview.png?ex=658c64aa&is=6579efaa&hm=4bce9989fa2b63f36893f1b30cecd07547cbfd44cb2830090084ce7005df1848&'));\n images.push(loadImage('https://cdn.discordapp.com/attachments/1113924553194864813/1184553840146661476/pen-removebg-preview.png?ex=658c64bb&is=6579efbb&hm=32df26a77cf7c312d699c90a40dc941663b8adcaf47314a0868bec38ea77e0a7&'));\n images.push(loadImage('https://cdn.discordapp.com/attachments/1113924553194864813/1184552492562911252/ivyBrokenGlass-removebg-preview.png?ex=658c637a&is=6579ee7a&hm=6e1a8705f1a616d50a1bf14fa0b657e2cc9f18477e619f7af3c450d422ef73e3&'));\n images.push(loadImage('https://cdn.discordapp.com/attachments/1113924553194864813/1184559443665498173/plasticBag-removebg-preview.png?ex=658c69f3&is=6579f4f3&hm=e922c6043123dde9054e30a96f8c4fcbe6ea02395e0d3473be294c7c6f664e68&'));\n}\n\nfunction setup() {\n createCanvas(800, 600);\n\n startButton = createButton('Start Cleaning');\n startButton.position(width / 2, height / 2);\n startButton.mousePressed(startGame);\n startButton.id('startButton');\n\n let numberOfImages = Math.floor(random(10, 30));\n\n for (let i = 0; i < numberOfImages; i++) {\n let imageIndex = Math.floor(random(images.length));\n let x = random(width - 50); // 50 is the width of the image\n let y = random(height * 0.60, height - 150);\n\n emojis.push({\n image: images[imageIndex],\n x: x,\n y: y\n });\n }\n}\n\nfunction draw() {\n if (gameState === 'title') {\n image(titleImage, 0, 0, width, height);\n } else if (gameState === 'game') {\n background(bg);\n for (let i = 0; i < emojis.length; i++) {\n image(emojis[i].image, emojis[i].x, emojis[i].y, 150, 150);\n }\n\n let currentEmotionObject = emotions.find(emotion => emojis.length <= emotion.threshold);\n let currentEmotion = currentEmotionObject ? currentEmotionObject.emoji : '😡';\n\n textSize(32);\n text(currentEmotion, width - 50, 30);\n text(\"Score: \" + score, 10, 30);\n }\n}\n\nfunction mousePressed() {\n for (let i = 0; i < emojis.length; i++) {\n let distance = dist(mouseX, mouseY, emojis[i].x + 75, emojis[i].y + 75);\n\n if (distance < 75) {\n emojis.splice(i, 1);\n score += 100;\n return;\n }\n }\n}\n\nfunction startGame() {\n gameState = 'game';\n startButton.hide();\n}","style.css":"#startButton {\n font-size: 24px;\n background-color: #4CAF50;\n color: white;\n border: none;\n padding: 15px 32px;\n text-align: center;\n text-decoration: none;\n display: inline-block;\n font-size: 16px;\n margin: 4px 2px;\n cursor: pointer;\n border-radius: 10px;\n}","index.html":"\n\n\n Clean up the Beach Game\n \n \n \n\n\n

\n\n "},"chat_history":[],"assets":[{"cloudinary_id":"b2h2l4fgvxgbumqfhfg1","project_id":32,"created_at":"2023-12-13T18:45:22.164181Z","deleted":false,"name":"bottle","resource_type":"image","id":30},{"cloudinary_id":"b2h2l4fgvxgbumqfhfg1","project_id":32,"created_at":"2023-12-13T18:45:22.163128Z","deleted":false,"name":"boxers","resource_type":"image","id":29},{"cloudinary_id":"b2h2l4fgvxgbumqfhfg1","project_id":32,"created_at":"2023-12-13T18:45:22.162045Z","deleted":false,"name":"cup","resource_type":"image","id":28},{"cloudinary_id":"b2h2l4fgvxgbumqfhfg1","project_id":32,"created_at":"2023-12-13T18:45:22.160832Z","deleted":false,"name":"pen","resource_type":"image","id":27},{"cloudinary_id":"b2h2l4fgvxgbumqfhfg1","project_id":32,"created_at":"2023-12-13T18:45:22.159626Z","deleted":false,"name":"brokenGlass","resource_type":"image","id":26},{"cloudinary_id":"b2h2l4fgvxgbumqfhfg1","project_id":32,"created_at":"2023-12-13T18:45:22.158271Z","deleted":false,"name":"plasticBag","resource_type":"image","id":25}],"messages_sent":0,"comments":[{"content":"❤️","id":48,"user_id":7,"user":{"username":"astrogoose18","id":7,"password_hash":"$2b$12$vP3qRABi/7OSTVJVnQLnt.PMLKDSvfUTL4Y9mCa2gjm9mZzjSXPi2","updated_at":"2023-12-12T14:03:59.340920Z","reset_token_expiry":null,"subscription_status":null,"photo":null,"email":"ethanjelzer@gmail.com","recess_id":"e1eeaa50-7dab-c930-3cfc-58e768624b88","created_at":"2023-12-12T14:03:59.340917Z","reset_token":null,"stripe_customer_id":null,"seats":null},"project_id":32,"created_at":"2023-12-13T21:01:28.038755Z","updated_at":"2023-12-13T21:01:28.038756Z"},{"content":"this is a great way to spread awareness for dirty beaches #TeamSea","id":49,"user_id":7,"user":{"username":"astrogoose18","id":7,"password_hash":"$2b$12$vP3qRABi/7OSTVJVnQLnt.PMLKDSvfUTL4Y9mCa2gjm9mZzjSXPi2","updated_at":"2023-12-12T14:03:59.340920Z","reset_token_expiry":null,"subscription_status":null,"photo":null,"email":"ethanjelzer@gmail.com","recess_id":"e1eeaa50-7dab-c930-3cfc-58e768624b88","created_at":"2023-12-12T14:03:59.340917Z","reset_token":null,"stripe_customer_id":null,"seats":null},"project_id":32,"created_at":"2023-12-13T21:02:11.493638Z","updated_at":"2023-12-13T21:02:11.493639Z"},{"content":"currently i am studying to be a marine biologist so i love when people do this kind of stuff ","id":50,"user_id":7,"user":{"username":"astrogoose18","id":7,"password_hash":"$2b$12$vP3qRABi/7OSTVJVnQLnt.PMLKDSvfUTL4Y9mCa2gjm9mZzjSXPi2","updated_at":"2023-12-12T14:03:59.340920Z","reset_token_expiry":null,"subscription_status":null,"photo":null,"email":"ethanjelzer@gmail.com","recess_id":"e1eeaa50-7dab-c930-3cfc-58e768624b88","created_at":"2023-12-12T14:03:59.340917Z","reset_token":null,"stripe_customer_id":null,"seats":null},"project_id":32,"created_at":"2023-12-13T21:03:01.572684Z","updated_at":"2023-12-13T21:03:01.572685Z"}],"steps":[{"instruction":"Create an immersive environment with a beautiful beach background.","title":"Add beach background image","created_at":"2023-12-13T17:27:27.809947","project_id":32,"complete":false,"step_number":0,"updated_at":"2023-12-13T18:45:22.154186","id":218},{"instruction":"Change emojis to different types of trash items such as plastic bottles, wrappers, or cans.","title":"Replace emojis with trash items","created_at":"2023-12-13T17:27:27.810002","project_id":32,"complete":false,"step_number":1,"updated_at":"2023-12-13T18:45:22.154256","id":219},{"instruction":"Keep track of the number of trash items collected with a scoring system.","title":"Implement scoring system","created_at":"2023-12-13T17:27:27.810042","project_id":32,"complete":false,"step_number":2,"updated_at":"2023-12-13T18:45:22.154296","id":220},{"instruction":"Include a timer to create a sense of urgency and challenge for the players.","title":"Add timer for game challenge","created_at":"2023-12-13T17:27:27.810080","project_id":32,"complete":false,"step_number":3,"updated_at":"2023-12-13T18:45:22.154333","id":221},{"instruction":"Add obstacles that move around the beach and hinder the player's progress.","title":"Include obstacles like seagulls or crabs","created_at":"2023-12-13T17:27:27.810126","project_id":32,"complete":false,"step_number":4,"updated_at":"2023-12-13T18:45:22.154371","id":222},{"instruction":"Include special items that give the player extra abilities or bonus points.","title":"Consider power-ups or bonus items","created_at":"2023-12-13T17:27:27.810163","project_id":32,"complete":false,"step_number":5,"updated_at":"2023-12-13T18:45:22.154409","id":223}]}