Cooking Craze: Ingredient Interaction

{"name":"Cooking Craze: Ingredient Interaction","description":"Dive into Cooking Craze, where you can pick up, place, and interact with various ingredients in a fun cooking environment! Unleash your creativity and become the ultimate chef.","photo":null,"view_count":2,"fork_count":0,"expires_at":null,"created_at":"2024-10-07T17:58:20.338619Z","updated_at":"2024-10-07T17:58:20.338620Z","user_id":18,"status":"PRIVATE","parent_id":3510,"id":3511,"user":{"username":"augustine","id":18,"password_hash":null,"updated_at":"2023-12-13T18:58:48.989679Z","reset_token_expiry":null,"subscription_status":null,"photo":null,"email":null,"recess_id":"de8d477c-740e-0b27-3ebb-8c475ccd8be1","created_at":"2023-12-13T18:58:48.989677Z","reset_token":null,"stripe_customer_id":null,"seats":null},"code":{"script.js":"// JavaScript code here\nlet playerX, playerY;\n\nlet playerSize = 30;\n\nlet table1, table2;\n\nlet tableSize = 150;\n\n// JavaScript code here\nlet ingredients = [];\n\nlet ingredientSize = 20;\n\n// JavaScript code here\nlet heldIngredient = null;\n\n// JavaScript code here\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n playerX = width / 2;\n playerY = height / 2;\n table1 = { x: width / 2 - 200, y: height / 2 - 75 };\n table2 = { x: width / 2 + 50, y: height / 2 - 75 };\n\n // Initialize ingredients on the left table\n ingredients.push({ x: table1.x + 30, y: table1.y + 30, held: false });\n ingredients.push({ x: table1.x + 70, y: table1.y + 70, held: false });\n ingredients.push({ x: table1.x + 110, y: table1.y + 110, held: false });\n\n background(255);\n}\n\n// JavaScript code here\nfunction draw() {\n background(255);\n\n // Draw tables\n fill(150);\n rect(table1.x, table1.y, tableSize, tableSize);\n rect(table2.x, table2.y, tableSize, tableSize);\n\n // Player movement\n if (keyIsDown(87)) playerY -= 5; // W key\n if (keyIsDown(83)) playerY += 5; // S key\n if (keyIsDown(65)) playerX -= 5; // A key\n if (keyIsDown(68)) playerX += 5; // D key\n\n // Collision detection with tables\n if (playerX - playerSize / 2 < table1.x + tableSize &&\n playerX + playerSize / 2 > table1.x &&\n playerY - playerSize / 2 < table1.y + tableSize &&\n playerY + playerSize / 2 > table1.y) {\n playerX = constrain(playerX, table1.x - playerSize / 2, table1.x + tableSize + playerSize / 2);\n playerY = constrain(playerY, table1.y - playerSize / 2, table1.y + tableSize + playerSize / 2);\n }\n\n if (playerX - playerSize / 2 < table2.x + tableSize &&\n playerX + playerSize / 2 > table2.x &&\n playerY - playerSize / 2 < table2.y + tableSize &&\n playerY + playerSize / 2 > table2.y) {\n playerX = constrain(playerX, table2.x - playerSize / 2, table2.x + tableSize + playerSize / 2);\n playerY = constrain(playerY, table2.y - playerSize / 2, table2.y + tableSize + playerSize / 2);\n }\n\n // Draw player\n fill(0, 0, 255);\n ellipse(playerX, playerY, playerSize);\n\n // Draw ingredients\n fill(255, 0, 0);\n for (let ingredient of ingredients) {\n if (!ingredient.held) {\n ellipse(ingredient.x, ingredient.y, ingredientSize);\n }\n }\n\n // If an ingredient is held, move it with the player\n if (heldIngredient) {\n heldIngredient.x = playerX;\n heldIngredient.y = playerY;\n fill(255, 0, 0);\n ellipse(heldIngredient.x, heldIngredient.y - playerSize / 2 - ingredientSize / 2, ingredientSize); // Display above player\n }\n}\n\n// JavaScript code here\nfunction keyPressed() {\n if (key === 'e' || key === 'E') { // Check for 'E' key press\n if (!heldIngredient) {\n // Try to pick up an ingredient\n for (let ingredient of ingredients) {\n let d = dist(playerX, playerY, ingredient.x, ingredient.y);\n if (d < 100 && !ingredient.held) {\n ingredient.held = true;\n heldIngredient = ingredient;\n break;\n }\n }\n } else {\n // Try to place the held ingredient\n let nearTable = (dist(playerX, playerY, table1.x + tableSize / 2, table1.y + tableSize / 2) < 100 ||\n dist(playerX, playerY, table2.x + tableSize / 2, table2.y + tableSize / 2) < 100);\n if (nearTable) {\n heldIngredient.held = false;\n heldIngredient.x = playerX;\n heldIngredient.y = playerY;\n heldIngredient = null;\n }\n }\n }\n}\n\n","style.css":"body { margin: 0; font-family: Arial, sans-serif; }","index.html":"\n\n\n \n \n Cooking Craze: Ingredient Interaction\n \n \n \n\n\n\n"},"chat_history":[],"assets":[],"messages_sent":0,"comments":[],"steps":[]}