RISE OF THE FLOUR [May 17]

{"name":"RISE OF THE FLOUR","description":"Get ready to whip up some fun in the kitchen! In this baking bonanza game, you'll be challenged to create delicious treats while managing your time and ingredients. Are you ready to become a master baker?","photo":"https://jippity.s3.amazonaws.com/template_4.png","view_count":0,"fork_count":0,"expires_at":null,"created_at":"2024-05-24T19:16:33.090336Z","updated_at":"2024-05-24T19:16:33.090339Z","user_id":5,"status":"PUBLIC","parent_id":1561,"id":1568,"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":"// #VARIABLES\nlet player;\nlet npcs = [];\nlet item;\nlet keyIsDown = { W: false, A: false, S: false, D: false }; // Tracking keys for movement\nlet currentScreen = \"game\"; // Possible values: \"game\", \"baking\"\nlet ingredients;\nlet craftingGrid = Array(9).fill(null); // A 3x3 grid represented as an array (9 squarez)\nlet showRecipeBook = false; // Track if the recipe book is shown or not\nlet ovenTemperature = 'Medium'; // Default temperature\nlet ovenTime = 'Medium'; // Default time\nlet bakingStartTime = 0;\nlet isBaking = false;\nlet bakingDuration = 0;\nlet showResultBox = false;\nlet resultBoxContent = { color: null, text: \"\" }; // Default to a black square and empty text\nlet draggingIngredient = null;\nlet defaultVoice;\nlet buySound; // Declare a variable for the buy sound\nlet lastSpawnTime = 0; // Track the last time an NPC was spawned\nlet spawnInterval = 20000; // Interval in milliseconds (10 seconds)\nlet chef; // Declare it here without instantiation\nlet hireChefButton;\nlet shirtColors; // Declare it here without initializing\nlet itemImages = {};\nlet trashCanImage;\nlet backgroundMusic;\nlet ovenDing;\nlet ratings = [2.5]; // Initialize with a default rating of 2.5\n\n// Function to calculate the average rating\nfunction calculateAverageRating() {\n if (ratings.length === 0) return 0;\n let sum = ratings.reduce((a, b) => a + b, 0);\n return (sum / ratings.length).toFixed(1); // Return the average rating with one decimal place\n}\n\n// Function to display the average rating on the top right corner\nfunction displayAverageRating() {\n let avgRating = calculateAverageRating();\n fill(0); // Black text color\n textSize(20);\n textAlign(RIGHT, TOP); // Align text to the top right corner\n text(`Avg Rating: ${avgRating}`, width - 20, 10); // Display the average rating\n}\nfunction preload() {\n itemImages['Sandwich'] = loadImage(\"@asset('sandwich')\");\n itemImages['Cake'] = loadImage(\"@asset('cake')\");\n itemImages['Scrambled Eggs'] = loadImage(\"@asset('scrambledEggs')\");\n itemImages['Muffin'] = loadImage(\"@asset('muffin')\");\n itemImages['Enchanted Muffin'] = loadImage(\"@asset('enchantedMuffin')\");\n itemImages['Chocolate Cake'] = loadImage(\"@asset('chocolateCake')\");\n itemImages['Berry Pie'] = loadImage(\"@asset('berryPie')\");\n itemImages['Cheesy Breadsticks'] = loadImage(\"@asset('cheesyBreadsticks')\");\n itemImages['Magic Cookie'] = loadImage(\"@asset('magicCookie')\");\n\n ingredientImages = {\n 'flour': loadImage(\"@asset('flour')\"),\n 'sugar': loadImage(\"@asset('sugar')\"),\n 'water': loadImage(\"@asset('water')\"),\n 'milk': loadImage(\"@asset('milk')\"),\n 'butter': loadImage(\"@asset('butter')\"),\n 'eggs': loadImage(\"@asset('egg')\"),\n 'bread': loadImage(\"@asset('bread')\"),\n 'beef': loadImage(\"@asset('beef')\"),\n 'cheese': loadImage(\"@asset('cheese')\"),\n 'pickles': loadImage(\"@asset('pickle')\"),\n 'berries': loadImage(\"@asset('berry')\"),\n 'cocoa powder': loadImage(\"@asset('cocoa')\"),\n 'magic essence': loadImage(\"@asset('magicEssence')\")\n };\n\n trashCanImage = loadImage(\"@asset('trashCan')\");\n\n backgroundMusic = new Howl({\n src: [\"@asset('music')\"],\n html5: true,\n loop: true, // Enable looping\n\n volume: 0.05 // Set the volume (optional)\n });\n\n ovenDing = new Howl({\n src: [\"@asset('oven_ding')\"],\n volume: 0.55, // Set the volume (optional)\n html5: true,\n });\n}\n\n\n\n\n\n\nfunction spawnItem(itemType, x, y) {\n let img = itemImages[itemType]; // Get the image based on the item type\n let newItem = new Item(x, y, itemType, img);\n items.push(newItem); // Add the new item to the items array\n}\n\n\n//recipes is an array [] consisting of collections {}\nlet recipes = [\n {\n name: \"Sandwich\",\n ingredients: [\"beef\", \"bread\", \"cheese\"],\n time: \"Short\",\n temperature: \"Low\"\n },\n {\n name: \"Cake\",\n ingredients: [\"flour\", \"egg\", \"sugar\", \"milk\"],\n time: \"Medium\",\n temperature: \"Medium\"\n },\n {\n name: \"Scrambled Eggs\",\n ingredients: [\"eggs\", \"milk\", \"butter\"],\n time: \"Medium\",\n temperature: \"Medium\"\n },\n {\n name: \"Muffin\",\n ingredients: [\"flour\", \"egg\", \"sugar\", \"berries\"],\n time: \"Short\",\n temperature: \"High\"\n },\n {\n name: \"Enchanted Muffin\",\n ingredients: [\"flour\", \"egg\", \"sugar\", \"berries\", \"magic essence\"],\n time: \"Long\",\n temperature: \"Low\"\n },\n\n {\n name: \"Chocolate Cake\",\n ingredients: [\"flour\", \"egg\", \"sugar\", \"milk\", \"cocoa powder\"],\n time: \"Long\",\n temperature: \"Medium\"\n },\n {\n name: \"Berry Pie\",\n ingredients: [\"flour\", \"butter\", \"sugar\", \"berries\"],\n time: \"Medium\",\n temperature: \"High\"\n },\n {\n name: \"Cheesy Breadsticks\",\n ingredients: [\"flour\", \"water\", \"cheese\", \"butter\"],\n time: \"Short\",\n temperature: \"Medium\"\n },\n {\n name: \"Magic Cookie\",\n ingredients: [\"flour\", \"sugar\", \"butter\", \"magic essence\"],\n time: \"Short\",\n temperature: \"Low\"\n }\n];\n//Gonna have to edit this\nlet npcDialogues = [\n { love: \"Oh sweet, this rules!\", hate: \"What the heck is this trash? it tastes like DIRT\", want: (preference) => `I could really slurp some ${preference} right now...` },\n { love: \"This is exactly what I wanted! Except now I'm fat...\", hate: \"What is wrong with you?\", want: (preference) => `I've been salivating for ${preference} all day.` },\n { love: \"OMG! Like, yum!\", hate: \"Seriously? You should go to jail.\", want: (preference) => `Do you have any ${preference}? I'm so freakin' hungry.` },\n { love: \"I would literally marry you right now.\", hate: \"You're a disappointment to your family.\", want: (preference) => `I've got a hankerin' for ${preference}.` },\n { love: \"Hot diggity dog, this tastes divine.\", hate: \"Blech!\", want: (preference) => `Be a dear and fetch me some ${preference}.` },\n { love: \"I'm going to eat this in one bite.\", hate: \"Get that garbage out of my face.\", want: (preference) => `${preference} would really make my day right about now.` },\n { love: \"Get me a fork, I'm going in!\", hate: \"Where's the trash can?\", want: (preference) => `You guys got ${preference}?` },\n { love: \"I could eat a hundred of these!\", hate: \"I hope you get fired.\", want: (preference) => `Get me a nice plate of ${preference}.` },\n\n];\nfunction spawnNPC() {\n if (millis() - lastSpawnTime >= spawnInterval) {\n let newNPCX = random(50, windowWidth - 50); // Ensure NPCs spawn within the canvas\n let newNPCY = windowHeight + 50; // Spawn below the screen\n let newTargetY = random(150, windowHeight - 200); // Target position beneath the top bar\n let newDialogueIndex = floor(random(0, npcDialogues.length)); // Randomize dialogue index\n\n // Randomly decide whether to spawn a regular NPC or a Critic\n let npc;\n if (random() < 0.8) { // 80% chance to spawn a regular NPC\n npc = new NPC(newNPCX, newNPCY, newDialogueIndex);\n } else { // 20% chance to spawn a Critic\n npc = new Critic(newNPCX, newNPCY, newDialogueIndex);\n }\n\n npc.targetY = newTargetY; // Set the target Y position for the NPC\n npcs.push(npc); // Add the new NPC to the npcs array\n lastSpawnTime = millis(); // Reset the last spawn time\n }\n}\nfunction createRecipeDropdown() {\n let recipeDropdown = createSelect();\n recipeDropdown.option('Select Recipe');\n recipes.forEach(recipe => {\n recipeDropdown.option(recipe.name);\n });\n recipeDropdown.position(20, windowHeight / 2 - 25);\n recipeDropdown.changed(() => {\n let selectedRecipe = recipeDropdown.value();\n if (selectedRecipe !== 'Select Recipe') {\n startRecipeAutomation(selectedRecipe);\n }\n });\n}\nfunction displayNPCList() {\n let listX = 20; // X position for the list\n let listY = 120; // Y position for the list\n let listWidth = 200; // Width of the list\n let listHeight = 300; // Height of the list\n let yOffset = 20; // Offset for each NPC entry\n\n // Draw a background rectangle for the list\n fill(255, 255, 255, 200); // White background with some transparency\n stroke(0); // Black border\n rect(listX, listY, listWidth, listHeight);\n\n // Set text properties\n fill(0); // Black text\n textSize(16);\n textAlign(LEFT, TOP);\n\n // Title for the list\n text(\"NPCs & Critics\", listX + 10, listY + 10);\n\n // List each NPC and Critic\n npcs.forEach((npc, index) => {\n let npcType = npc instanceof Critic ? \"Critic\" : \"NPC\";\n let npcInfo = `${npcType} - ${npc.preference}`;\n text(npcInfo, listX + 10, listY + 30 + index * yOffset);\n });\n}\n//set up the canvas, Player, NPCs, and Items\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n\n currentScreen = \"customization\"; // Start on the customization screen\n\n player = new Player();\n\n backgroundMusic.play();\n items = [\n new Item(windowWidth * 0.2, 50, 'Cake', itemImages['Cake']),\n new Item(windowWidth * 0.4, 50, 'Berry Pie', itemImages['Berry Pie']),\n new Item(windowWidth * 0.6, 50, 'Cheesy Breadsticks', itemImages['Cheesy Breadsticks']),\n new Item(windowWidth * 0.8, 50, 'Magic Cookie', itemImages['Magic Cookie'])\n ];\n\n shirtColors = [\n color(255, 0, 0), // Red\n color(0, 255, 0), // Green\n color(0, 0, 255), // Blue\n color(255, 255, 0), // Yellow\n color(255, 165, 0), // Orange\n color(255, 192, 203) // Pink\n ];\n\n npcs.push(new NPC(windowWidth * 0.2, windowHeight * 0.2, 6));\n npcs.push(new NPC(windowWidth * 0.8, windowHeight * 0.8, 3));\n\n // Add a Critic at the start of the game\n let criticX = random(50, windowWidth - 50);\n let criticY = random(150, windowHeight - 200); // Place within the screen bounds\n let criticDialogueIndex = floor(random(0, npcDialogues.length));\n let critic = new Critic(criticX, criticY, criticDialogueIndex);\n npcs.push(critic);\n\n ingredients = [\n new Ingredient('flour', color(255)),\n new Ingredient('sugar', color(240, 240, 240)),\n new Ingredient('water', color(173, 216, 230)),\n new Ingredient('milk', color(255, 255, 224)),\n new Ingredient('butter', color(255, 225, 224)),\n new Ingredient('eggs', color(255, 223, 186)),\n new Ingredient('bread', color(210, 180, 140)),\n new Ingredient('beef', color(139, 69, 19)),\n new Ingredient('cheese', color(255, 215, 0)),\n new Ingredient('pickles', color(154, 205, 50)),\n new Ingredient('berries', color(220, 20, 60)),\n new Ingredient('cocoa powder', color(210, 105, 30)),\n new Ingredient('magic essence', color(148, 0, 211))\n ];\n\n resultBoxContent.color = color(0);\n\n hireChefButton = createButton('Hire Chef');\n hireChefButton.position(20, 120);\n hireChefButton.mousePressed(hireChef);\n hireChefButton.hide(); // Hide initially\n\n createCustomizationUI(); // Initialize customization UI\n createSettingsUI(); // Initialize settings UI\n createRecipeDropdown(); // Initialize recipe dropdown\n createIngredientShopUI(); // Initialize ingredient shop UI\n}\nfunction createSettingsUI() {\n // Create settings button\n let settingsButton = createButton('Settings');\n settingsButton.position(windowWidth - 100, 20); // Position it in the top right corner\n settingsButton.mousePressed(toggleSettingsMenu);\n\n // Create settings menu (initially hidden)\n let settingsMenu = createDiv();\n settingsMenu.id('settingsMenu');\n settingsMenu.position(windowWidth / 2 - 150, windowHeight / 2 - 100); // Center the menu\n settingsMenu.size(300, 200);\n\n // Add volume controls to the settings menu\n settingsMenu.html(`\n

Settings

\n Music Volume\n \n
\n SFX Volume\n \n `);\n\n // Hide the settings menu initially\n settingsMenu.hide();\n\n // Add event listeners for volume controls\n select('#musicVolume').input(updateVolume);\n select('#sfxVolume').input(updateVolume);\n}\nfunction createCustomizationUI() {\n // Create outfit selection dropdown\n let outfitDropdown = createSelect();\n outfitDropdown.option('Default');\n outfitDropdown.option('Red Shirt');\n outfitDropdown.option('Green Shirt');\n outfitDropdown.option('Blue Shirt');\n outfitDropdown.position(20, 160);\n outfitDropdown.changed(() => player.setOutfit(outfitDropdown.value()));\n\n // Create hairstyle selection dropdown\n let hairstyleDropdown = createSelect();\n hairstyleDropdown.option('Default');\n hairstyleDropdown.option('Short Hair');\n hairstyleDropdown.option('Long Hair');\n hairstyleDropdown.option('Curly Hair');\n hairstyleDropdown.position(20, 200);\n hairstyleDropdown.changed(() => player.setHairstyle(hairstyleDropdown.value()));\n\n // Create accessories selection dropdown\n let accessoriesDropdown = createSelect();\n accessoriesDropdown.option('None');\n accessoriesDropdown.option('Glasses');\n accessoriesDropdown.option('Hat');\n accessoriesDropdown.option('Scarf');\n accessoriesDropdown.position(20, 240);\n accessoriesDropdown.changed(() => player.setAccessory(accessoriesDropdown.value()));\n}\nfunction drawNPCListView() {\n background('#e7cfb4');\n\n // Hide customization UI elements and the \"Hire Chef\" button\n selectAll('select').forEach(select => select.hide());\n hireChefButton.hide();\n\n // Draw the NPC list\n displayNPCList();\n\n // Draw the \"Back to Game\" button\n let backButtonX = windowWidth / 2 - 75;\n let backButtonY = windowHeight - 100;\n let backButtonWidth = 150;\n let backButtonHeight = 50;\n\n fill('green');\n rect(backButtonX, backButtonY, backButtonWidth, backButtonHeight);\n fill(255);\n textSize(16);\n textAlign(CENTER, CENTER);\n text(\"Back to Game\", backButtonX + backButtonWidth / 2, backButtonY + backButtonHeight / 2);\n\n // Check if the \"Back to Game\" button is clicked\n if (mouseIsPressed && mouseX > backButtonX && mouseX < backButtonX + backButtonWidth &&\n mouseY > backButtonY && mouseY < backButtonY + backButtonHeight) {\n currentScreen = \"game\"; // Switch to the game screen\n }\n}\nfunction toggleSettingsMenu() {\n let settingsMenu = select('#settingsMenu');\n if (settingsMenu.elt.style.display === 'none' || !settingsMenu.elt.style.display) {\n settingsMenu.show();\n } else {\n settingsMenu.hide();\n }\n}\n\nfunction updateVolume() {\n let musicVolume = select('#musicVolume').value();\n let sfxVolume = select('#sfxVolume').value();\n\n backgroundMusic.volume(musicVolume);\n ovenDing.volume(sfxVolume);\n // Update other sound effects' volume if any\n}\n\n\n\nfunction draw() {\n background('#e7cfb4');\n if (currentScreen === \"customization\") {\n drawCustomizationView();\n } else if (currentScreen === \"game\") {\n drawGameView();\n hireChefButton.show();\n checkPlayerBounds();\n displayPlayerMoney();\n displayAverageRating(); // Display the average rating\n spawnNPC();\n if (chef) {\n chef.update();\n chef.display();\n autoBakeForNPCs();\n }\n } else if (currentScreen === \"baking\") {\n drawBakingView();\n hireChefButton.hide();\n displayPlayerMoney();\n } else if (currentScreen === \"npcList\") {\n drawNPCListView();\n } else if (currentScreen === \"recipeWindow\") {\n drawRecipeWindow();\n }\n}\nfunction autoBakeForNPCs() {\n if (chef.isBaking) return; // If the chef is already baking, do nothing\n\n for (let npc of npcs) {\n // Only bake for NPCs whose orders haven't been fulfilled yet\n if (!npc.orderFulfilled && npc.preference && !chef.bakedPreferences.has(npc.preference)) {\n chef.bake(npc.preference);\n npc.orderFulfilled = true; // Mark the order as fulfilled\n chef.bakedPreferences.add(npc.preference); // Ensure we don't bake this preference again\n break; // Once an item is being baked, break out of the loop\n }\n }\n}\n;\nfunction drawCustomizationView() {\n background('#e7cfb4');\n\n // Draw customization UI\n textSize(32);\n textAlign(CENTER, CENTER);\n text(\"Customize Your Character\", windowWidth / 2, 50);\n\n // Display the player character for preview\n player.x = windowWidth / 2;\n player.y = windowHeight / 2;\n player.display();\n\n // Show customization UI elements\n selectAll('select').forEach(select => select.show());\n\n // Draw the \"Start Game\" button\n let startButtonX = windowWidth / 2 - 75;\n let startButtonY = windowHeight - 100;\n let startButtonWidth = 150;\n let startButtonHeight = 50;\n\n fill('green');\n rect(startButtonX, startButtonY, startButtonWidth, startButtonHeight);\n fill(255);\n textSize(16);\n textAlign(CENTER, CENTER);\n text(\"Start Game\", startButtonX + startButtonWidth / 2, startButtonY + startButtonHeight / 2);\n\n // Check if the \"Start Game\" button is clicked\n if (mouseIsPressed && mouseX > startButtonX && mouseX < startButtonX + startButtonWidth &&\n mouseY > startButtonY && mouseY < startButtonY + startButtonHeight) {\n currentScreen = \"game\"; // Switch to the game screen\n }\n}\n//This is really simple too...the Item and NPC classes are doing most of the work for now.\nfunction drawGameView() {\n // Refresh background\n background('#e7cfb4'); // Light brown background to clear previous frames\n\n // Draw the darker grid background\n let tileSize = 50; // Size of each tile\n stroke('#ccaf8f'); // Darker brown color for tile borders\n strokeWeight(1); // Border weight\n noFill(); // No fill to ensure only borders are drawn\n\n for (let x = 0; x < windowWidth; x += tileSize) {\n for (let y = 0; y < windowHeight; y += tileSize) {\n rect(x, y, tileSize, tileSize);\n }\n }\n\n fill('#563232');\n rect(0, 0, windowWidth, 100);\n\n player.move();\n player.display();\n\n for (let i = npcs.length - 1; i >= 0; i--) {\n let npc = npcs[i];\n npc.update(); // Update NPC position\n npc.display(); // Display NPC\n\n // Remove NPC if they move off the screen\n if (npc.x < -npc.size) {\n npcs.splice(i, 1);\n }\n }\n\n for (let item of items) {\n if (item.isHeld) {\n item.follow(player.x, player.y);\n }\n item.display();\n }\n\n // Display the chef and their message\n if (chef) {\n chef.display(); // This will handle displaying the chef's message above their head\n }\n\n // Draw the trash can in the bottom right corner using the image\n let trashCanX = windowWidth - 80;\n let trashCanY = windowHeight - 80;\n let trashCanSize = 60;\n\n image(trashCanImage, trashCanX, trashCanY, trashCanSize, trashCanSize); // Draw the trash can image\n\n if (currentScreen === \"game\") {\n hireChefButton.show(); // Show the \"Hire Chef\" button only on the game screen\n selectAll('select').forEach(select => select.hide()); // Hide customization UI elements\n } else {\n hireChefButton.hide(); // Hide the \"Hire Chef\" button on other screens\n }\n}\n//If you walk offscreen, you go to the kitchen\nfunction checkPlayerBounds() {\n if (player.x < 0 || player.x > windowWidth || player.y < 0 || player.y > windowHeight) {\n currentScreen = \"baking\";\n player.x = windowWidth / 2;\n player.y = 150;\n }\n\n}\n\n\n\nfunction hireChef() {\n if (player.money >= 70 && (!chef || chef === null)) { // Check if player has enough money and there's no chef\n chef = new Chef(); // Instantiate the chef\n player.money -= 70; // Deduct the cost\n console.log(\"Chef hired!\");\n } else if (chef) {\n console.log(\"You already have a chef!\");\n } else {\n console.log(\"Not enough money!\");\n }\n}\n\n\n//This is fancier. But still broken up into pieces.\n//#BAKING VIEW\nfunction drawBakingView() {\n noStroke();\n drawOvenInterface(); // Draw the oven interface\n\n displayCraftingGrid();\n // Display item bar\n ingredients.forEach((ingredient, index) => {\n fill(ingredient.color);\n let x = (windowWidth / ingredients.length) * index;\n rect(x, windowHeight - 50, windowWidth / ingredients.length, 50);\n\n // Display the ingredient image\n let img = ingredientImages[ingredient.name];\n if (img) {\n image(img, x + (windowWidth / ingredients.length) / 2 - 20, windowHeight - 50 + 5, 40, 40);\n }\n\n // Adding ingredient names on the item bar\n let textColor = lerpColor(ingredient.color, color(0, 0, 0), 0.3); // Darken the ingredient color for text\n fill(textColor);\n textSize(12); // Set the text size for readability\n textAlign(CENTER, CENTER); // Center the text within each bar section\n text(ingredient.name, x + (windowWidth / ingredients.length) / 2, windowHeight - 10); // Position the text just above the bottom of the screen\n\n // Display the ingredient count\n fill(255, 0, 0); // Red color for the count\n textSize(16); // Larger text size for the count\n textAlign(RIGHT, TOP); // Align text to the top right corner of the box\n text(ingredient.count, x + (windowWidth / ingredients.length) - 5, windowHeight - 45); // Position the count inside the box\n });\n\n // Display dragging ingredient\n if (draggingIngredient) {\n let img = ingredientImages[draggingIngredient.name];\n if (img) {\n image(img, mouseX - 40, mouseY - 40, 80, 80);\n }\n }\n displayIngredientList(); // Display the list of ingredients in the crafting grid\n\n // Display recipe output area\n let outputBoxX = windowWidth * 0.75;\n let outputBoxY = windowHeight * 0.8;\n let outputBoxWidth = 360;\n let outputBoxHeight = 120;\n\n fill('#fcf4a4'); // White background for the output box\n stroke(0); // Black border\n rect(outputBoxX, outputBoxY, outputBoxWidth, outputBoxHeight);\n\n // Check for a recipe match and display the result\n let recipeMatch = checkForRecipe();\n if (recipeMatch) {\n fill(0); // Black text \n textSize(16);\n noStroke();\n textAlign(LEFT, CENTER); // Align text to the left, vertically centered\n\n // \"You can make:\" text\n textStyle(NORMAL);\n text(`You can make: `, outputBoxX + 10, outputBoxY + 30);\n\n // Recipe name in bold, right after \"You can make:\"\n textStyle(BOLD);\n text(recipeMatch.name, outputBoxX + 150, outputBoxY + 30);\n\n // Reset to normal text style\n textStyle(NORMAL);\n text(`Temperature: `, outputBoxX + 10, outputBoxY + 60);\n\n // Temperature in bold, right after \"Temperature:\"\n textStyle(BOLD);\n text(recipeMatch.temperature, outputBoxX + 150, outputBoxY + 60);\n\n // Reset to normal text style\n textStyle(NORMAL);\n text(`Time: `, outputBoxX + 10, outputBoxY + 90);\n\n // Time in bold, right after \"Time:\"\n textStyle(BOLD);\n text(recipeMatch.time, outputBoxX + 150, outputBoxY + 90);\n textStyle(NORMAL)\n\n stroke(0);\n }\n\n let timerX = 450; // X position of the timer\n let timerY = 120; // Y position of the timer\n let timerDiameter = 200; // Timer diameter\n fill('#fcf4a4'); // Background color of the timer\n ellipse(timerX, timerY, timerDiameter, timerDiameter);\n\n if (isBaking) {\n let elapsedTime = (millis() - bakingStartTime) / 1000; // Elapsed time in seconds\n let remainingTime = bakingDuration - elapsedTime;\n let fillAngle = map(remainingTime, 0, bakingDuration, 0, TWO_PI); // Map remaining time to angle\n\n // Calculate fill percentage based on ovenTime\n let fillPercentage;\n switch (ovenTime) {\n case 'Long':\n fillPercentage = 1;\n break;\n case 'Medium':\n fillPercentage = 2 / 3;\n break;\n case 'Short':\n fillPercentage = 1 / 3;\n break;\n }\n\n fill('green');\n arc(timerX, timerY, timerDiameter, timerDiameter, -HALF_PI, -HALF_PI + fillAngle * fillPercentage, PIE);\n\n // Stop baking when the time is up\n if (elapsedTime >= bakingDuration) {\n isBaking = false;\n showResultBox = true; // Show the result box when the timer finishes\n ovenDing.play();\n }\n }\n\n // Display the result box underneath the oven\n if (showResultBox) {\n stroke(0);\n let resultBoxX = 20; // Align with the left side of the oven\n let resultBoxY = 230; // Positioned underneath the oven\n let resultBoxWidth = 280; // Match the width of the oven\n let resultBoxHeight = 100; // uhh\n\n fill(resultBoxContent.color);\n rect(resultBoxX, resultBoxY, resultBoxWidth, resultBoxHeight);\n\n fill(255); // White text for contrast\n textSize(16);\n textAlign(CENTER, CENTER); // Center the text within the result box\n text(resultBoxContent.text, resultBoxX + resultBoxWidth / 2, resultBoxY + resultBoxHeight / 2);\n\n // Display the item's image next to the text if it exists\n if (itemImages[resultBoxContent.text]) {\n let imgSize = 50; // Size of the image\n image(itemImages[resultBoxContent.text], resultBoxX + resultBoxWidth - imgSize - 10, resultBoxY + 10, imgSize, imgSize);\n }\n }\n\n // Draw the \"Back to Main View\" button\n let backButtonX = 20;\n let backButtonY = windowHeight - 120;\n let backButtonWidth = 150;\n let backButtonHeight = 40;\n\n fill('green');\n rect(backButtonX, backButtonY, backButtonWidth, backButtonHeight);\n fill(255);\n textSize(12);\n textAlign(CENTER, CENTER);\n text(\"Back to the Dining Room\", backButtonX + backButtonWidth / 2, backButtonY + backButtonHeight / 2);\n\n drawRecipeBookIcon(); // Call to draw the recipe book icon\n drawRecipeBook(); // Call to draw the recipe book if it's toggled to show\n}\nfunction autoBakeForNPCs() {\n if (chef.isBaking) return; // If the chef is already baking, do nothing\n\n for (let npc of npcs) {\n // Only bake for NPCs whose orders haven't been fulfilled yet\n if (!npc.orderFulfilled && npc.preference && !chef.bakedPreferences.has(npc.preference)) {\n chef.bake(npc.preference);\n npc.orderFulfilled = true; // Mark the order as fulfilled\n chef.bakedPreferences.add(npc.preference); // Ensure we don't bake this preference again\n break; // Once an item is being baked, break out of the loop\n }\n }\n}\n\nfunction drawOvenInterface() {\n // Oven Interface Background\n fill(180);\n rect(20, 20, 280, 200);\n\n // Draw Temperature Buttons (First Row)\n let temperatures = ['Low', 'Medium', 'High'];\n temperatures.forEach((temp, index) => {\n fill(ovenTemperature === temp ? 'orange' : 'white');\n rect(30 + (index * 80), 30, 70, 40); // Positioned in a row\n fill(0);\n textSize(12);\n textAlign(CENTER, CENTER); // Center the text within each button\n text(temp, 65 + (index * 80), 50); // Adjust text position for central alignment\n });\n\n // Draw Time Buttons (Second Row)\n let times = ['Short', 'Medium', 'Long'];\n times.forEach((time, index) => {\n fill(ovenTime === time ? 'orange' : 'white');\n rect(30 + (index * 80), 80, 70, 40); // Positioned in the second row\n fill(0);\n textSize(12);\n textAlign(CENTER, CENTER); // Center the text within each button\n text(time, 65 + (index * 80), 100); // Adjust text position for central alignment\n });\n\n // 'Bake' Button below the two rows\n fill('green');\n rect(30, 130, 250, 40); // Spanning the width of the interface\n fill(0);\n textSize(12);\n textAlign(CENTER, CENTER); // Center the text within the 'Bake' button\n text('Bake', 155, 150); // Adjust text position for central alignment\n}\nfunction selectDefaultVoice() {\n let voices = window.speechSynthesis.getVoices();\n defaultVoice = voices.find(voice => voice.name.includes(\"English\")) || voices[0];\n}\n\nwindow.speechSynthesis.onvoiceschanged = selectDefaultVoice;\n\nfunction displayCraftingGrid() {\n stroke(0); // Reset stroke color to black\n let gridSize = 100; // Size of each grid cell\n let startX = (windowWidth / 2) - (gridSize * 1.5); // Center the grid horizontally\n let startY = (windowHeight / 2) - (gridSize * 1.5); // Center the grid vertically\n for (let i = 0; i < craftingGrid.length; i++) {\n let x = startX + (i % 3) * gridSize;\n let y = startY + Math.floor(i / 3) * gridSize;\n\n let ingredient = craftingGrid[i];\n if (ingredient) {\n // Set the fill color to the ingredient's color\n fill(ingredient.color);\n } else {\n fill(230); // Default grid cell color\n }\n rect(x, y, gridSize, gridSize);\n\n if (ingredient) {\n // Display the ingredient image over the filled rectangle\n let img = ingredientImages[ingredient.name];\n if (img) {\n image(img, x + 10, y + 10, gridSize - 20, gridSize - 20);\n } else {\n console.error(`Image for ${ingredient.name} not found`);\n }\n }\n }\n}\n\nfunction displayIngredientList() {\n stroke(0); // Reset stroke color to black\n\n let listStartX = windowWidth * 0.75; // Starting X position of the list\n let listStartY = windowHeight * 0.1; // Starting Y position of the list\n let listWidth = 200; // Width of the list rectangle\n let listHeight = 40 + craftingGrid.filter(ingredient => ingredient !== null).length * 20; // Height based on the number of ingredients\n\n\n // Now display the ingredients within this rectangle\n textSize(16);\n fill(0); // Text color\n noStroke();\n\n let yOffset = 20; // Vertical offset for the title and each ingredient\n text(\"In da oven:\", listStartX, listStartY - 10); // Adjusted Y position to be above the rectangle\n yOffset += 25; // Space before listing ingredients\n\n craftingGrid.forEach((ingredient, index) => {\n if (ingredient) { // Check if the slot is not null\n // Display the ingredient image\n image(ingredientImages[ingredient.name], listStartX, listStartY + yOffset - 20, 40, 40);\n yOffset += 45; // Increment yOffset for the next ingredient\n }\n });\n}\nfunction createIngredientShopUI() {\n // Create a button to open the shop\n let openShopButton = createButton('Open Ingredient Shop');\n openShopButton.position(20, 280);\n openShopButton.mousePressed(toggleShopMenu);\n\n // Create a shop menu (initially hidden)\n let shopMenu = createDiv();\n shopMenu.id('shopMenu');\n shopMenu.position(windowWidth / 2 - 150, windowHeight / 2 - 300); // Adjust position to center vertically\n shopMenu.size(300, 500); // Increase the height to 800 pixels\n shopMenu.style('background-color', 'white');\n shopMenu.style('border', '2px solid black');\n shopMenu.style('border-radius', '10px');\n shopMenu.style('padding', '10px');\n shopMenu.style('box-shadow', '2px 2px 10px rgba(0, 0, 0, 0.5)');\n shopMenu.hide();\n\n // Add ingredient purchase options to the shop menu\n let shopTitle = createElement('h2', 'Ingredient Shop');\n shopTitle.style('text-align', 'center');\n shopMenu.child(shopTitle);\n\n ingredients.forEach(ingredient => {\n let ingredientDiv = createDiv();\n ingredientDiv.style('display', 'flex');\n ingredientDiv.style('justify-content', 'space-between');\n ingredientDiv.style('margin', '10px 0');\n\n let ingredientInfo = createElement('p', `${ingredient.name} - $${ingredient.price} each`);\n ingredientInfo.style('margin', '0');\n ingredientDiv.child(ingredientInfo);\n\n let buyButton = createButton('Buy');\n buyButton.mousePressed(() => buyIngredient(ingredient.name));\n ingredientDiv.child(buyButton);\n\n shopMenu.child(ingredientDiv);\n });\n\n // Add a close button to the shop menu\n let closeButton = createButton('Close');\n closeButton.style('margin-top', '10px');\n closeButton.style('display', 'block');\n closeButton.style('width', '100px');\n closeButton.style('margin-left', 'auto');\n closeButton.style('margin-right', 'auto');\n closeButton.mousePressed(toggleShopMenu);\n shopMenu.child(closeButton);\n}\nfunction buyIngredient(ingredientName) {\n let ingredient = ingredients.find(ing => ing.name === ingredientName);\n if (ingredient && player.money >= ingredient.price) {\n player.money -= ingredient.price;\n ingredient.incrementCount();\n console.log(`Bought ${ingredient.name} for $${ingredient.price}. You have ${ingredient.count} now.`);\n alert(`Bought ${ingredient.name} for $${ingredient.price}. You have ${ingredient.count} now.`); // Provide feedback\n } else {\n console.log(\"Not enough money to buy this ingredient.\");\n alert(\"Not enough money to buy this ingredient.\"); // Provide feedback\n }\n}\nfunction toggleShopMenu() {\n let shopMenu = select('#shopMenu');\n if (shopMenu.elt.style.display === 'none' || !shopMenu.elt.style.display) {\n shopMenu.show();\n } else {\n shopMenu.hide();\n }\n}\nfunction drawRecipeBook() {\n if (!showRecipeBook) return; // Only draw the book if it should be shown\n\n let bookX = windowWidth * 0.1;\n let bookY = windowHeight * 0.1;\n let bookWidth = windowWidth * 0.8;\n let bookHeight = windowHeight * 0.8;\n\n fill('#fcf4a4'); // Yellow background for the recipe book (same as the output box)\n stroke(0); // Black border\n rect(bookX, bookY, bookWidth, bookHeight);\n\n // Column Titles\n textSize(16);\n fill(0); // Black text \n textAlign(LEFT, TOP); // Align text to the left and top for consistent positioning\n text(\"Recipe\", bookX + 20, bookY + 20);\n text(\"Ingredients\", bookX + 200, bookY + 20);\n text(\"Temperature\", bookX + bookWidth / 2, bookY + 20);\n text(\"Time\", bookX + bookWidth * 0.75, bookY + 20);\n\n // List the recipes with gray lines under each row\n let textY = bookY + 40; // Start listing recipes below the column titles\n recipes.forEach(recipe => {\n text(recipe.name, bookX + 20, textY);\n text(recipe.ingredients.join(', '), bookX + 200, textY);\n text(recipe.temperature, bookX + bookWidth / 2, textY);\n text(recipe.time, bookX + bookWidth * 0.75, textY);\n\n stroke(200); // Gray color for the line\n line(bookX + 10, textY + 20, bookX + bookWidth - 10, textY + 20); // Draw the line under each row\n\n textY += 20; // Move down before listing the next recipe\n\n stroke(0); // Reset stroke color to black for the book border\n });\n}\n\nfunction drawRecipeBookIcon() {\n fill('blue');\n let iconX = windowWidth - 60; // Position the icon on the top right\n let iconY = 60;\n let iconSize = 40;\n rect(iconX, iconY, iconSize, iconSize); // Draw the book icon as a blue square\n}\n\n\n//#CLASSES\nclass Player {\n constructor() {\n this.x = windowWidth * 0.1;\n this.y = windowHeight * 0.5;\n this.size = 50;\n this.isHoldingItem = false;\n this.money = 1; // Player starts with $1\n\n // Customization properties\n this.outfit = 'Default';\n this.hairstyle = 'Default';\n this.accessory = 'None';\n }\n\n move() {\n if (keyIsDown.W) {\n this.y -= 5;\n }\n if (keyIsDown.A) {\n this.x -= 5;\n }\n if (keyIsDown.S) {\n this.y += 5;\n }\n if (keyIsDown.D) {\n this.x += 5;\n }\n }\n\n display() {\n noStroke(); // No border for shapes\n\n // Outfit\n switch (this.outfit) {\n case 'Red Shirt':\n fill(255, 0, 0);\n break;\n case 'Green Shirt':\n fill(0, 255, 0);\n break;\n case 'Blue Shirt':\n fill(0, 0, 255);\n break;\n default:\n fill(125, 125, 125);\n }\n rect(this.x, this.y, this.size, this.size); // Draw outfit as a rectangle\n\n // Head\n fill(255, 224, 189); // Skin color\n ellipse(this.x + this.size / 2, this.y - this.size / 4, this.size, this.size); // Draw head as an ellipse\n\n // Eyes\n fill(0); // Black for the eyes\n ellipse(this.x + this.size / 3, this.y - this.size / 3, this.size / 9, this.size / 9); // Left eye\n ellipse(this.x + (this.size / 3) * 2, this.y - this.size / 3, this.size / 9, this.size / 9); // Right eye\n\n // Smile\n noFill(); // No fill \n stroke(0); // Black \n strokeWeight(2); // Thicker stroke for smile\n arc(this.x + this.size / 2, this.y - this.size / 8, this.size / 2, this.size / 4, 0, PI); // Half-circle \n noStroke(); // Reset stroke\n\n // Hairstyle\n switch (this.hairstyle) {\n case 'Short Hair':\n fill(0); // Black hair\n ellipse(this.x + this.size / 2, this.y - this.size / 2, this.size, this.size / 2); // Small ellipse for short hair\n break;\n case 'Long Hair':\n fill(0); // Black hair\n ellipse(this.x + this.size / 2, this.y - this.size / 2, this.size, this.size); // Larger ellipse for long hair\n break;\n case 'Curly Hair':\n fill(0); // Black hair\n for (let i = 0; i < 10; i++) {\n ellipse(this.x + this.size / 4 + (i % 5) * 10, this.y - this.size / 2 - 10 * floor(i / 5), 10, 10); // Small circles for curly hair\n }\n break;\n default:\n // No additional drawing for default hairstyle\n }\n\n // Accessories\n switch (this.accessory) {\n case 'Glasses':\n fill(0);\n rect(this.x + this.size / 4, this.y - this.size / 3, this.size / 8, this.size / 10); // Left lens\n rect(this.x + this.size / 2, this.y - this.size / 3, this.size / 8, this.size / 10); // Right lens\n line(this.x + this.size / 4 + this.size / 8, this.y - this.size / 3 + this.size / 20, this.x + this.size / 2, this.y - this.size / 3 + this.size / 20); // Bridge\n break;\n case 'Hat':\n fill(125, 0, 0);\n arc(this.x + this.size / 2, this.y - this.size / 2, this.size, this.size / 2, PI, 0);\n rect(this.x + this.size / 4, this.y - this.size / 2, this.size / 2, this.size / 4);\n break;\n case 'Scarf':\n fill(255, 0, 0);\n rect(this.x + this.size / 4, this.y, this.size / 2, this.size / 8);\n break;\n default:\n // No additional drawing for default accessory\n }\n }\n\n setOutfit(outfit) {\n this.outfit = outfit;\n }\n\n setHairstyle(hairstyle) {\n this.hairstyle = hairstyle;\n }\n\n setAccessory(accessory) {\n this.accessory = accessory;\n }\n\n\n return; // Exit the function after interaction\n interact() {\n if (this.isHoldingItem) {\n // Check if near the trash can\n let trashCanX = windowWidth - 80;\n let trashCanY = windowHeight - 80;\n let trashCanSize = 60;\n\n if (this.x > trashCanX - 50 && this.x < trashCanX + trashCanSize + 50 &&\n this.y > trashCanY - 50 && this.y < trashCanY + trashCanSize + 50) {\n // Player is near the trash can, remove the held item\n for (let item of items) {\n if (item.isHeld) {\n item.isHeld = false;\n item.isActive = false; // Mark the item as inactive\n this.isHoldingItem = false;\n\n // Increment the count of items thrown away by the chef\n if (chef && chef.bakedPreferences.has(item.itemType)) {\n chef.itemsThrownAway++;\n chef.checkEasterEgg(); // Check for the easter egg condition\n }\n break;\n }\n }\n } else {\n // Normal interaction logic\n for (let npc of npcs) {\n if (dist(this.x, this.y, npc.x, npc.y) < 100) {\n for (let item of items) {\n if (item.isHeld) {\n this.isHoldingItem = false;\n item.isHeld = false;\n npc.receiveItem(item); // Pass the item object itself\n break;\n }\n }\n break; // Stop checking other NPCs once an item is delivered\n }\n }\n }\n } else {\n // Attempt to pick up an item if it's near\n for (let item of items) {\n if (!item.isHeld && dist(this.x, this.y, item.x, item.y) < 50) { // Distance to pick up remains tighter\n this.isHoldingItem = true;\n item.isHeld = true;\n break; // Stop checking once an item is picked up\n }\n }\n npcs.forEach(npc => {\n if (dist(this.x, this.y, npc.x, npc.y) < 100 && !npc.lastReceivedItem) {\n npc.showWantDialogue(); // Show the 'want' dialogue\n }\n });\n }\n }\n}\nclass Ingredient {\n constructor(name, color, count = 5, price = 1) { // Add price parameter with default value\n this.name = name;\n this.color = color;\n this.count = count;\n this.price = price; // Set the price for the ingredient\n }\n\n decrementCount() {\n if (this.count > 0) {\n this.count--;\n }\n }\n\n incrementCount(amount = 1) { // New method to increment the count\n this.count += amount;\n }\n\n isAvailable() {\n return this.count > 0;\n }\n}\nclass NPC {\n constructor(x, y, dialogueIndex) {\n this.x = x;\n this.y = y;\n this.size = 50;\n // Randomly select a preference from the recipes array\n this.preference = recipes[Math.floor(Math.random() * recipes.length)].name;\n this.thankYouTimer = 0;\n this.lastReceivedItem = null;\n this.message = \"\";\n this.dialogueIndex = dialogueIndex; // Store the index of the NPC's dialogue data\n this.orderFulfilled = false; // Add this line\n this.messageTimer = 0; // Timer for displaying messages\n this.shirtColor = random(shirtColors); // Randomly select a shirt color from the shirtColors array\n this.isLeaving = false; // Track if the NPC is leaving\n this.targetY = y; // Target Y position for the NPC to move to\n this.voice = this.assignRandomVoice(); // Assign a random voice to the NPC\n }\n\n assignRandomVoice() {\n let voices = window.speechSynthesis.getVoices();\n return voices[Math.floor(Math.random() * voices.length)];\n }\n\n display() {\n // Body color based on shirtColors array or a default color\n strokeWeight(1)\n stroke(0)\n fill(this.shirtColor || color(125, 125, 255)); // Use a default color if shirtColor isn't set\n ellipse(this.x + this.size / 2, this.y + this.size * 1.5, this.size, this.size * 2); // Body\n\n // Head\n fill(255, 224, 189); // Skin color\n ellipse(this.x + this.size / 2, this.y + this.size / 2, this.size, this.size); // Head\n\n // Eyes\n fill(0); // Black for the eyes\n ellipse(this.x + this.size / 3, this.y + this.size / 2 - 10, this.size / 8, this.size / 8); // Left eye\n ellipse(this.x + (this.size / 3) * 2, this.y + this.size / 2 - 10, this.size / 8, this.size / 8); // Right eye\n\n // Smile\n noFill();\n stroke(0);\n strokeWeight(1);\n arc(this.x + this.size / 2, this.y + this.size / 2 + 5, this.size / 2, this.size / 2, 0, PI);\n\n noStroke(); // Reset the stroke to default\n\n // Display NPC message above their head\n if (this.messageTimer > 0) {\n fill(lerpColor(this.shirtColor, color(0, 0, 0), 0.5)); // Darker version of the shirt color\n textSize(14);\n textAlign(CENTER, BOTTOM);\n\n // Adjust text position if close to the screen edges\n let textX = this.x + this.size / 2;\n if (textX < 50) {\n textX = 50; // Move text right to stay within the screen\n } else if (textX > windowWidth - 50) {\n textX = windowWidth - 50; // Move text left to stay within the screen\n }\n\n text(this.message, textX, this.y - 10);\n this.messageTimer--; // Decrease the timer\n }\n }\n\n sayThankYou() {\n this.thankYouTimer = 120; // Show the message for 120 frames, about 2 seconds\n }\n\n showWantDialogue() {\n this.message = npcDialogues[this.dialogueIndex].want(this.preference);\n this.sayThankYou();\n this.messageTimer = 180; // Display the message for 3 seconds (assuming 60 FPS)\n\n // Add speech synthesis for preference\n let speech = new SpeechSynthesisUtterance(this.message);\n speech.voice = this.voice;\n window.speechSynthesis.speak(speech);\n }\n\n receiveItem(item) {\n this.lastReceivedItem = item.itemType;\n\n let speech = new SpeechSynthesisUtterance();\n\n if (item.itemType === this.preference) {\n this.message = npcDialogues[this.dialogueIndex].love;\n player.money += 1000; // Award the player $10 for the correct item\n } else {\n this.message = npcDialogues[this.dialogueIndex].hate;\n }\n\n setTimeout(() => {\n item.destroy(); // Set the item to inactive after 3 seconds\n this.message = \"\"; // Clear the NPC's message after item is destroyed\n this.isLeaving = true; // Mark the NPC as leaving\n }, 3000); // Wait for 3 seconds\n\n speech.voice = this.voice;\n speech.text = this.message;\n window.speechSynthesis.speak(speech);\n\n this.sayThankYou();\n this.messageTimer = 180; // Display the message for 3 seconds (assuming 60 FPS)\n }\n\n update() {\n if (this.isLeaving) {\n this.x -= 2; // Move left\n } else if (this.y > this.targetY) {\n this.y -= 2; // Move up to target Y position\n }\n }\n}\nclass Critic extends NPC {\n constructor(x, y, dialogueIndex) {\n super(x, y, dialogueIndex);\n this.preference = this.getRandomCriticPreference(); // Override preference with critic-specific preference\n this.shirtColor = color(255, 0, 0); // Critics wear red shirts\n this.appearTime = millis(); // Record the time when the critic appears\n this.timeLimit = 60000; // 1 minute (60000 milliseconds) to serve the critic\n }\n\n // Override the method to display a different message for critics\n showWantDialogue() {\n this.message = `I demand ${this.preference}!`;\n this.sayThankYou();\n this.messageTimer = 180; // Display the message for 3 seconds (assuming 60 FPS)\n\n // Add speech synthesis for preference\n let speech = new SpeechSynthesisUtterance(this.message);\n speech.voice = this.voice;\n window.speechSynthesis.speak(speech);\n }\n\n // Override the method to handle receiving items differently\n receiveItem(item) {\n this.lastReceivedItem = item.itemType;\n\n let speech = new SpeechSynthesisUtterance();\n\n if (item.itemType === this.preference) {\n this.message = \"This is exquisite!\";\n player.money += 20; // Critics pay more for the correct item\n ratings.push(5); // Add a high rating for a correct item\n } else {\n this.message = \"This is unacceptable!\";\n ratings.push(1); // Add a low rating for an incorrect item\n }\n\n setTimeout(() => {\n item.destroy(); // Set the item to inactive after 3 seconds\n this.message = \"\"; // Clear the critic's message after item is destroyed\n this.isLeaving = true; // Mark the critic as leaving\n }, 3000); // Wait for 3 seconds\n\n speech.voice = this.voice;\n speech.text = this.message;\n window.speechSynthesis.speak(speech);\n\n this.sayThankYou();\n this.messageTimer = 180; // Display the message for 3 seconds (assuming 60 FPS)\n }\n\n // Define a method to get a random critic-specific preference\n getRandomCriticPreference() {\n let criticPreferences = [\"Chocolate Cake\", \"Enchanted Muffin\", \"Magic Cookie\"];\n return criticPreferences[Math.floor(Math.random() * criticPreferences.length)];\n }\n\n // Method to check if the time limit has been reached\n checkTimeLimit() {\n if (millis() - this.appearTime > this.timeLimit) {\n this.message = \"Time's up! I'm leaving!\";\n this.messageTimer = 180; // Show the message for 3 seconds\n this.isLeaving = true; // Mark the critic as leaving\n ratings.push(0); // Add a zero rating for not serving the critic in time\n }\n }\n\n // Override the update method to include time limit check\n update() {\n if (!this.isLeaving) {\n this.checkTimeLimit(); // Check if the time limit has been reached\n }\n super.update(); // Call the parent class update method\n }\n\n // Override the display method to show the remaining time\n display() {\n super.display(); // Call the parent class display method\n\n // Display the remaining time if the critic is not leaving\n if (!this.isLeaving) {\n let remainingTime = this.timeLimit - (millis() - this.appearTime);\n fill(255, 0, 0); // Red color for the timer\n textSize(16);\n textAlign(CENTER, TOP);\n text(`Time left: ${(remainingTime / 1000).toFixed(1)}s`, this.x + this.size / 2, this.y - 30);\n }\n }\n}\n//#CLASSES\nclass Item {\n constructor(x, y, itemType = 'default', img = null) {\n this.x = x;\n this.y = y;\n this.size = 50; // Adjust based on your game's scale\n this.isHeld = false;\n this.itemType = itemType;\n this.img = img instanceof p5.Image ? img : null; // Ensure img is a p5.Image\n this.isActive = true; // Set isActive to true by default\n }\n\n display() {\n if (!this.isActive) return; // Only display active items\n if (this.img) {\n image(this.img, this.x, this.y, this.size, this.size); // Draw the image if it exists\n } else {\n // Fallback to a default display if no image is provided\n fill(255, 0, 0); // Example fallback color\n rect(this.x, this.y, this.size, this.size);\n fill(0); // Black color for text\n textSize(12);\n textAlign(CENTER, CENTER);\n text(this.itemType, this.x + this.size / 2, this.y + this.size / 2); // Display the item type\n }\n }\n follow(px, py) {\n this.x = px;\n this.y = py;\n }\n destroy() {\n this.isActive = false; // Set the item to inactive\n }\n}\n\n// Now it's safe to modify Item's prototype or create instances\n\n//#CONTROLS\nfunction keyPressed() {\n if (keyCode === 87) { keyIsDown.W = true; }\n if (keyCode === 65) { keyIsDown.A = true; }\n if (keyCode === 83) { keyIsDown.S = true; }\n if (keyCode === 68) { keyIsDown.D = true; }\n if (keyCode === 32) { player.interact(); } // Space bar\n if (keyCode === 69) { toggleScreen(); } // E key\n if (keyCode === 85) { toggleNPCList(); } // U key\n}\n\nfunction toggleNPCList() {\n if (currentScreen === \"npcList\") {\n currentScreen = \"game\";\n } else if (currentScreen === \"game\" || currentScreen === \"customization\") {\n currentScreen = \"npcList\";\n }\n}\nfunction keyReleased() {\n if (keyCode === 87) { keyIsDown.W = false; }\n if (keyCode === 65) { keyIsDown.A = false; }\n if (keyCode === 83) { keyIsDown.S = false; }\n if (keyCode === 68) { keyIsDown.D = false; }\n}\n\nfunction toggleScreen() {\n if (currentScreen === \"game\") {\n currentScreen = \"baking\";\n } else {\n currentScreen = \"game\";\n }\n}\n\nfunction mousePressed() {\n if (currentScreen === \"customization\") {\n // Check if the \"Start Game\" button is clicked\n let startButtonX = windowWidth / 2 - 75;\n let startButtonY = windowHeight - 100;\n let startButtonWidth = 150;\n let startButtonHeight = 50;\n\n if (mouseX > startButtonX && mouseX < startButtonX + startButtonWidth &&\n mouseY > startButtonY && mouseY < startButtonY + startButtonHeight) {\n currentScreen = \"game\"; // Switch to the game screen\n }\n } else if (currentScreen === \"game\") {\n // Check if the recipe button was clicked\n let recipeButtonX = 20;\n let recipeButtonY = windowHeight / 2 - 25;\n let recipeButtonWidth = 100;\n let recipeButtonHeight = 50;\n\n if (mouseX > recipeButtonX && mouseX < recipeButtonX + recipeButtonWidth &&\n mouseY > recipeButtonY && mouseY < recipeButtonY + recipeButtonHeight) {\n currentScreen = \"recipeWindow\"; // Switch to the recipe window screen\n }\n } else if (currentScreen === \"baking\") {\n checkRecipeBookInteraction();\n // Define button areas for temperature and time selections\n let tempButtonAreas = [\n { x1: 30, y1: 30, x2: 100, y2: 70, value: 'Low' },\n { x1: 110, y1: 30, x2: 180, y2: 70, value: 'Medium' },\n { x1: 190, y1: 30, x2: 260, y2: 70, value: 'High' }\n ];\n let timeButtonAreas = [\n { x1: 30, y1: 80, x2: 100, y2: 120, value: 'Short' },\n { x1: 110, y1: 80, x2: 180, y2: 120, value: 'Medium' },\n { x1: 190, y1: 80, x2: 260, y2: 120, value: 'Long' }\n ];\n let bakeButtonArea = { x1: 30, y1: 130, x2: 280, y2: 170 };\n let backButtonArea = { x1: 20, y1: windowHeight - 120, x2: 170, y2: windowHeight - 80 };\n\n // Check if a temperature button was clicked\n tempButtonAreas.forEach(area => {\n if (mouseX > area.x1 && mouseX < area.x2 && mouseY > area.y1 && mouseY < area.y2) {\n ovenTemperature = area.value;\n }\n });\n\n // Check if a time button was clicked\n timeButtonAreas.forEach(area => {\n if (mouseX > area.x1 && mouseX < area.x2 && mouseY > area.y1 && mouseY < area.y2) {\n ovenTime = area.value;\n }\n });\n\n // Check if the 'Bake' button was clicked\n if (mouseX > bakeButtonArea.x1 && mouseX < bakeButtonArea.x2 && mouseY > bakeButtonArea.y1 && mouseY < bakeButtonArea.y2) {\n showResultBox = false; // Reset showing the result box for a new bake process\n\n // Baking logic\n let recipeMatch = checkForRecipe();\n if (recipeMatch && recipeMatch.temperature === ovenTemperature && recipeMatch.time === ovenTime) {\n // Successful baking\n resultBoxContent.color = color(255, 105, 180); // Pink square for success\n resultBoxContent.text = recipeMatch.name; // Display the recipe name\n\n // Create a new item based on the baked recipe\n let newItem = new Item(windowWidth / 2, 50, recipeMatch.name, itemImages[recipeMatch.name]); // Position it in the top middle\n items.push(newItem); // Add the new item to the items array\n } else {\n // Baking failure\n resultBoxContent.color = color(0); // Black square = failure\n resultBoxContent.text = \"This is total crap!\"; //ya messed up, kid\n }\n\n // Start the timer\n isBaking = true;\n bakingStartTime = millis();\n // Determine baking duration based on ovenTime\n switch (ovenTime) {\n case 'Long':\n bakingDuration = 6; // 6 seconds\n break;\n case 'Medium':\n bakingDuration = 4; // 4 seconds\n break;\n case 'Short':\n bakingDuration = 2; // 2 seconds\n break;\n }\n\n // Clear the crafting grid after the baking duration\n setTimeout(() => {\n craftingGrid.fill(null);\n }, bakingDuration * 1000);\n }\n\n // Check if the 'Back to Main View' button was clicked\n if (mouseX > backButtonArea.x1 && mouseX < backButtonArea.x2 && mouseY > backButtonArea.y1 && mouseY < backButtonArea.y2) {\n currentScreen = \"game\";\n }\n\n // Check if click was within the crafting grid\n let gridSize = 100; // Grid size as used in displayCraftingGrid\n let startX = (windowWidth / 2) - (gridSize * 1.5);\n let startY = (windowHeight / 2) - (gridSize * 1.5);\n\n if (mouseX > startX && mouseX < startX + gridSize * 3 &&\n mouseY > startY && mouseY < startY + gridSize * 3) {\n let gridX = Math.floor((mouseX - startX) / gridSize);\n let gridY = Math.floor((mouseY - startY) / gridSize);\n let gridIndex = gridY * 3 + gridX;\n if (craftingGrid[gridIndex] !== null) {\n draggingIngredient = craftingGrid[gridIndex]; // Set the ingredient as draggingIngredient\n craftingGrid[gridIndex] = null; // Remove the ingredient from the grid\n }\n } else if (mouseY > windowHeight - 60) {\n // If not in the crafting grid, check the item bar as before\n let index = Math.floor((mouseX / windowWidth) * ingredients.length);\n if (ingredients[index].isAvailable()) {\n draggingIngredient = ingredients[index];\n ingredients[index].decrementCount(); // Decrement the count when an ingredient is taken\n }\n }\n } else if (currentScreen === \"npcList\") {\n // Check if the \"Back to Game\" button is clicked\n let backButtonX = windowWidth / 2 - 75;\n let backButtonY = windowHeight - 100;\n let backButtonWidth = 150;\n let backButtonHeight = 50;\n\n if (mouseX > backButtonX && mouseX < backButtonX + backButtonWidth &&\n mouseY > backButtonY && mouseY < backButtonY + backButtonHeight) {\n currentScreen = \"game\"; // Switch to the game screen\n }\n } else if (currentScreen === \"recipeWindow\") {\n // Check if a recipe is clicked\n let recipeWindowX = windowWidth * 0.1;\n let recipeWindowY = windowHeight * 0.1;\n let recipeWindowWidth = windowWidth * 0.8;\n let recipeWindowHeight = windowHeight * 0.8;\n\n let recipeY = recipeWindowY + 40; // Start listing recipes below the column titles\n let recipeHeight = 20; // Height of each recipe entry\n\n for (let recipe of recipes) {\n if (mouseX > recipeWindowX && mouseX < recipeWindowX + recipeWindowWidth &&\n mouseY > recipeY && mouseY < recipeY + recipeHeight) {\n // Recipe clicked\n startRecipeAutomation(recipe.name);\n currentScreen = \"game\"; // Switch back to the game screen\n break;\n }\n recipeY += recipeHeight;\n }\n\n // Check if the 'Close' button in the recipe window was clicked\n let closeButtonX = recipeWindowX + recipeWindowWidth - 50;\n let closeButtonY = recipeWindowY + 10;\n let closeButtonSize = 30;\n if (mouseX > closeButtonX && mouseX < closeButtonX + closeButtonSize && mouseY > closeButtonY && mouseY < closeButtonY + closeButtonSize) {\n currentScreen = \"game\"; // Close the recipe window and go back to the game screen\n }\n }\n}\nfunction drawRecipeWindow() {\n let recipeWindowX = windowWidth * 0.1;\n let recipeWindowY = windowHeight * 0.1;\n let recipeWindowWidth = windowWidth * 0.8;\n let recipeWindowHeight = windowHeight * 0.8;\n\n fill('#fcf4a4'); // Yellow background for the recipe window\n stroke(0); // Black border\n rect(recipeWindowX, recipeWindowY, recipeWindowWidth, recipeWindowHeight);\n\n // Column Titles\n textSize(16);\n fill(0); // Black text \n textAlign(LEFT, TOP); // Align text to the left and top for consistent positioning\n text(\"Recipe\", recipeWindowX + 20, recipeWindowY + 20);\n text(\"Ingredients\", recipeWindowX + 200, recipeWindowY + 20);\n text(\"Temperature\", recipeWindowX + recipeWindowWidth / 2, recipeWindowY + 20);\n text(\"Time\", recipeWindowX + recipeWindowWidth * 0.75, recipeWindowY + 20);\n\n // List the recipes with gray lines under each row\n let textY = recipeWindowY + 40; // Start listing recipes below the column titles\n recipes.forEach(recipe => {\n text(recipe.name, recipeWindowX + 20, textY);\n text(recipe.ingredients.join(', '), recipeWindowX + 200, textY);\n text(recipe.temperature, recipeWindowX + recipeWindowWidth / 2, textY);\n text(recipe.time, recipeWindowX + recipeWindowWidth * 0.75, textY);\n\n stroke(200); // Gray color for the line\n line(recipeWindowX + 10, textY + 20, recipeWindowX + recipeWindowWidth - 10, textY + 20); // Draw the line under each row\n\n textY += 20; // Move down before listing the next recipe\n\n stroke(0); // Reset stroke color to black for the book border\n });\n\n // Add 'Close' button in the recipe window\n let closeButtonX = recipeWindowX + recipeWindowWidth - 50;\n let closeButtonY = recipeWindowY + 10;\n let closeButtonSize = 30;\n\n fill('red');\n rect(closeButtonX, closeButtonY, closeButtonSize, closeButtonSize);\n fill(255);\n textSize(16);\n textAlign(CENTER, CENTER);\n text(\"X\", closeButtonX + closeButtonSize / 2, closeButtonY + closeButtonSize / 2);\n}\nlet automatedRecipe = null; // Variable to store the automated recipe name\nlet automationInterval = null; // Variable to store the interval ID\n\nfunction startRecipeAutomation(recipeName) {\n if (automationInterval) {\n clearInterval(automationInterval); // Clear any existing automation interval\n }\n\n automatedRecipe = recipeName;\n autKomationInterval = setInterval(() => {\n if (chef && automatedRecipe) {\n chef.bake(automatedRecipe);\n }\n }, 30000); // Automate the recipe production every 30 seconds\n}\n// function mouseDragged() {\n// if (draggingIngredient) {\n// //fill(draggingIngredient.color);\n// // ellipse(mouseX, mouseY, 40, 40); // Represent the dragging ingredient as a circle\n\n// // Display the ingredient image over the circle\n// let img = ingredientImages[draggingIngredient.name];\n// if (img) {\n// image(img, mouseX - 20, mouseY - 20, 40, 40);\n// } else {\n// console.error(`Image for ${draggingIngredient.name} not found`);\n// }\n// }\n// }\n\nfunction mouseReleased() {\n if (!draggingIngredient) return;\n\n let gridSize = 100; // Grid size as used in displayCraftingGrid\n let startX = (windowWidth / 2) - (gridSize * 1.5);\n let startY = (windowHeight / 2) - (gridSize * 1.5);\n\n // Check if released within the crafting grid bounds\n if (mouseX > startX && mouseX < startX + gridSize * 3 &&\n mouseY > startY && mouseY < startY + gridSize * 3) {\n let gridX = Math.floor((mouseX - startX) / gridSize);\n let gridY = Math.floor((mouseY - startY) / gridSize);\n let gridIndex = gridY * 3 + gridX;\n craftingGrid[gridIndex] = draggingIngredient;\n } else {\n // If the ingredient is dragged off the grid, increment the count\n draggingIngredient.count++; // Increment the count of the ingredient\n }\n\n draggingIngredient = null; // Reset dragging ingredient\n}\n\n\n// #LOGIC\n\nfunction checkForRecipe() {\n let currentIngredients = craftingGrid.filter(ingredient => ingredient !== null).map(ingredient => ingredient.name);\n currentIngredients.sort(); // Sort the ingredients to ensure order doesn't matter\n\n for (let recipe of recipes) {\n let recipeIngredients = [...recipe.ingredients].sort();\n\n if (arraysEqual(currentIngredients, recipeIngredients)) {\n return recipe; // Return the entire matched recipe object\n }\n }\n return null; // Return null if no recipe matches\n}\n\n// Helper function to check if two arrays are equal\nfunction arraysEqual(a, b) {\n if (a.length !== b.length) return false;\n for (let i = 0; i < a.length; ++i) {\n if (a[i] !== b[i]) return false;\n }\n return true;\n}\n\nfunction toggleRecipeBook() {\n showRecipeBook = !showRecipeBook; // Toggle the state of the recipe book display\n}\n\nfunction checkRecipeBookInteraction() {\n let bookIconX = windowWidth - 60;\n let bookIconY = 60;\n let bookIconSize = 40;\n // Check if the book icon was clicked\n if (mouseX > bookIconX && mouseX < bookIconX + bookIconSize && mouseY > bookIconY && mouseY < bookIconY + bookIconSize) {\n toggleRecipeBook();\n }\n\n // Check if the 'X' button in the recipe book was clicked\n if (showRecipeBook) {\n let xButtonX = windowWidth * 0.25 + windowWidth * 0.5 - 30 - 10;\n let xButtonY = windowHeight * 0.1 + 10;\n let xButtonSize = 30;\n if (mouseX > xButtonX && mouseX < xButtonX + xButtonSize && mouseY > xButtonY && mouseY < xButtonY + xButtonSize) {\n toggleRecipeBook();\n }\n }\n}\n\nclass Chef {\n constructor() {\n this.bakingSpeed = 1;\n this.isBaking = false;\n this.bakingItem = null;\n this.bakingTimer = 0;\n this.bakedPreferences = new Set(); // Track baked preferences to ensure uniqueness\n this.message = \"\"; // Initialize the message property\n this.totalItemsBaked = 0; // Track the total number of items baked\n this.itemsThrownAway = 0; // Track the number of items thrown away\n }\n\n // Method to start baking an item\n bake(itemName) {\n if (this.isBaking) return; // If already baking, do nothing\n\n this.bakingItem = itemName;\n this.isBaking = true;\n this.bakingTimer = 0; // Reset the timer each time baking starts\n }\n\n // Method to update the chef's baking progress\n update() {\n if (!this.isBaking) return; // If not baking, do nothing\n\n this.bakingTimer += this.bakingSpeed;\n if (this.bakingTimer >= 300) { // Assuming 100 is the time it takes to bake something\n this.finishBaking();\n }\n }\n\n // Method to handle finishing the baking process\n finishBaking() {\n let newItemX = random(windowWidth * 0.1, windowWidth * 0.9); // Adjust as needed to fit your game's layout\n let newItemY = 50; // Position items in the top bar area\n spawnItem(this.bakingItem, newItemX, newItemY); // Use spawnItem to ensure the correct image is used\n\n // Set the message for the chef announcement\n this.message = `${this.bakingItem} is ready!`;\n\n // Use speech synthesis to announce the baked item\n let speech = new SpeechSynthesisUtterance(this.message);\n if (defaultVoice) {\n speech.voice = defaultVoice;\n }\n window.speechSynthesis.speak(speech);\n\n this.isBaking = false;\n this.bakingItem = null;\n this.totalItemsBaked++; // Increment the total items baked count\n }\n\n // Method to display the chef and any messages\n display() {\n // Chef's position on the canvas\n let chefX = windowWidth - 150; // Positioned 150 pixels from the right edge\n let chefY = 250; // Positioned 150 pixels from the bottom\n\n fill(255); // White chef hat and apron\n noStroke();\n\n // Draw chef hat\n arc(chefX, chefY - 60, 60, 60, PI, 0);\n ellipse(chefX, chefY - 60, 60, 20);\n\n // Draw chef head\n fill(255, 224, 189); // Skin color\n ellipse(chefX, chefY - 30, 50, 50);\n\n // Draw chef body (apron)\n fill(255);\n rect(chefX - 25, chefY, 50, 80);\n\n // Draw chef eyes\n fill(0);\n ellipse(chefX - 10, chefY - 30, 8, 8);\n ellipse(chefX + 10, chefY - 30, 8, 8);\n\n // Draw chef smile\n noFill();\n stroke(0);\n strokeWeight(2);\n arc(chefX, chefY - 20, 20, 20, 0, PI);\n noStroke();\n\n // Display chef's message above the chef's head\n if (this.message) {\n fill(0); // Black color for text\n textSize(16);\n textAlign(CENTER, BOTTOM);\n let messageLines = this.message.split('\\n'); // Split the message into lines\n for (let i = 0; i < messageLines.length; i++) {\n text(messageLines[i], chefX, chefY - 80 - (i * 20)); // Adjust the Y position for each line\n }\n }\n }\n\n checkEasterEgg() {\n if (this.itemsThrownAway >= this.totalItemsBaked && this.totalItemsBaked > 0) {\n this.message = \"I wish you would die.\";\n let speech = new SpeechSynthesisUtterance(this.message);\n if (defaultVoice) {\n speech.voice = defaultVoice;\n }\n window.speechSynthesis.speak(speech);\n\n // Add the additional message after 2 seconds\n setTimeout(() => {\n this.message = \"But then I wouldn't get paid.\";\n let additionalSpeech = new SpeechSynthesisUtterance(\"but then I wouldn't get paid.\");\n if (defaultVoice) {\n additionalSpeech.voice = defaultVoice;\n }\n window.speechSynthesis.speak(additionalSpeech);\n }, 2000);\n }\n }\n}\n\n\n\n\nfunction displayPlayerMoney() {\n fill(0, 255, 0); // Set the fill color to black for the text\n textSize(20); // Set the text size\n textAlign(CENTER, TOP); // Align the text to the top left corner\n text(`$${player.money}`, width / 2, 10); // Display the text at coordinates (10,10)\n}\n\n","style.css":"","index.html":"\n\n\n\n \n \n RISE OF THE FLOUR [May 17]\n \n\n\n\n \n \n \n\n\n"},"chat_history":[],"assets":[{"cloudinary_id":"dwnaqey6vnjsnxjv5nwj","name":"sandwich","deleted":false,"id":5469,"created_at":"2024-05-24T19:16:33.131662Z","project_id":1568,"resource_type":"image"},{"cloudinary_id":"glgks1xq22zcqj33mfzd","name":"scrambledEggs","deleted":false,"id":5468,"created_at":"2024-05-24T19:16:33.130497Z","project_id":1568,"resource_type":"image"},{"cloudinary_id":"zedavyhaxo4w5vyssijq","name":"enchantedMuffin","deleted":false,"id":5467,"created_at":"2024-05-24T19:16:33.129271Z","project_id":1568,"resource_type":"image"},{"cloudinary_id":"t2vv8gvicembpdqd1wt5","name":"chocolateCake","deleted":false,"id":5466,"created_at":"2024-05-24T19:16:33.128221Z","project_id":1568,"resource_type":"image"},{"cloudinary_id":"rsvosexawfpwawktuaxe","name":"berryPie","deleted":false,"id":5465,"created_at":"2024-05-24T19:16:33.127081Z","project_id":1568,"resource_type":"image"},{"cloudinary_id":"yborm0sz1pghxxcnuobc","name":"cheesyBreadsticks","deleted":false,"id":5464,"created_at":"2024-05-24T19:16:33.125834Z","project_id":1568,"resource_type":"image"},{"cloudinary_id":"umxc4volxcorcchf7w0g","name":"magicCookie","deleted":false,"id":5463,"created_at":"2024-05-24T19:16:33.124905Z","project_id":1568,"resource_type":"image"},{"cloudinary_id":"dapes4hi7o8d2kghg1ei","name":"cake","deleted":false,"id":5462,"created_at":"2024-05-24T19:16:33.123840Z","project_id":1568,"resource_type":"image"},{"cloudinary_id":"dn0lt6vb5beidqisbwox","name":"muffin","deleted":false,"id":5461,"created_at":"2024-05-24T19:16:33.122678Z","project_id":1568,"resource_type":"image"},{"cloudinary_id":"k4haoz1ysc67g67urqsm","name":"beef","deleted":false,"id":5460,"created_at":"2024-05-24T19:16:33.121578Z","project_id":1568,"resource_type":"image"},{"cloudinary_id":"fzkphuqiziczdur87rok","name":"sugar","deleted":false,"id":5459,"created_at":"2024-05-24T19:16:33.120481Z","project_id":1568,"resource_type":"image"},{"cloudinary_id":"raiotteiljsfzsfaptdd","name":"flour","deleted":false,"id":5458,"created_at":"2024-05-24T19:16:33.119454Z","project_id":1568,"resource_type":"image"},{"cloudinary_id":"xannwvt7jxgtbgl7ymhr","name":"milk","deleted":false,"id":5457,"created_at":"2024-05-24T19:16:33.118363Z","project_id":1568,"resource_type":"image"},{"cloudinary_id":"ork12fniatzcbxkrb9vu","name":"bread","deleted":false,"id":5456,"created_at":"2024-05-24T19:16:33.117243Z","project_id":1568,"resource_type":"image"},{"cloudinary_id":"ghj2n3zlm1dc1l6xmdbs","name":"cheese","deleted":false,"id":5455,"created_at":"2024-05-24T19:16:33.116107Z","project_id":1568,"resource_type":"image"},{"cloudinary_id":"uzqkz3a3sfsytfepqunx","name":"pickle","deleted":false,"id":5454,"created_at":"2024-05-24T19:16:33.115044Z","project_id":1568,"resource_type":"image"},{"cloudinary_id":"zhfnwvxlkjnoxonf0gss","name":"berry","deleted":false,"id":5453,"created_at":"2024-05-24T19:16:33.114028Z","project_id":1568,"resource_type":"image"},{"cloudinary_id":"gifwtaen2xnyhhaqcxie","name":"magicEssence","deleted":false,"id":5452,"created_at":"2024-05-24T19:16:33.112923Z","project_id":1568,"resource_type":"image"},{"cloudinary_id":"zpzbecybfxgm67vqzk90","name":"egg","deleted":false,"id":5451,"created_at":"2024-05-24T19:16:33.111735Z","project_id":1568,"resource_type":"image"},{"cloudinary_id":"fr7wj6mznzw1fdrf9omw","name":"butter","deleted":false,"id":5450,"created_at":"2024-05-24T19:16:33.110492Z","project_id":1568,"resource_type":"image"},{"cloudinary_id":"m3vzfmt1sxiq1ftc7l01","name":"cocoa","deleted":false,"id":5449,"created_at":"2024-05-24T19:16:33.109321Z","project_id":1568,"resource_type":"image"},{"cloudinary_id":"wn2uxzvhlxfb8o974huh","name":"water","deleted":false,"id":5448,"created_at":"2024-05-24T19:16:33.107965Z","project_id":1568,"resource_type":"image"},{"cloudinary_id":"v5hxgt18e7fzwdhysdf9","name":"trashCan","deleted":false,"id":5447,"created_at":"2024-05-24T19:16:33.106765Z","project_id":1568,"resource_type":"image"},{"cloudinary_id":"vv7nf3oculcaytb9vwpo","name":"music","deleted":false,"id":5446,"created_at":"2024-05-24T19:16:33.105544Z","project_id":1568,"resource_type":"video"},{"cloudinary_id":"dgxk7nwiqflxzwmnylsx","name":"oven_ding","deleted":false,"id":5445,"created_at":"2024-05-24T19:16:33.104000Z","project_id":1568,"resource_type":"video"}],"messages_sent":0,"comments":[],"steps":[{"instruction":"Create a scoring system based on how well players fulfill orders and keep their virtual customers happy.","title":"Customer satisfaction scoring system","created_at":"2024-04-02T23:39:05.346779","project_id":1568,"complete":false,"step_number":4,"updated_at":"2024-05-24T19:16:33.094604","id":8747},{"instruction":"Include a progression system where players can unlock new recipes and items as they advance in the game.","title":"Unlockable recipes and items","created_at":"2024-04-02T23:39:05.346821","project_id":1568,"complete":false,"step_number":5,"updated_at":"2024-05-24T19:16:33.094714","id":8748},{"instruction":"Allow players to use interactive tools such as mixers, ovens, and decorating equipment to prepare their baked goods.","title":"Interactive baking tools","created_at":"2024-04-02T23:39:05.346864","project_id":1568,"complete":false,"step_number":6,"updated_at":"2024-05-24T19:16:33.094782","id":8749},{"instruction":"Incorporate fun mini-games related to baking, such as a piping challenge or a memory game for recipe recall.","title":"Bonus mini-games","created_at":"2024-04-02T23:39:05.346907","project_id":1568,"complete":false,"step_number":7,"updated_at":"2024-05-24T19:16:33.094858","id":8750},{"instruction":"Players can customize the appearance of their baker character, including choosing outfits, hairstyles, and accessories.","title":"Create a customizable baker character","created_at":"2024-04-02T23:39:05.346506","project_id":1568,"complete":false,"step_number":0,"updated_at":"2024-05-24T19:16:33.094920","id":8751},{"instruction":"Develop different recipes for cookies, cakes, and pastries that players can create in the game.","title":"Design a variety of baked goods","created_at":"2024-04-02T23:39:05.346606","project_id":1568,"complete":false,"step_number":1,"updated_at":"2024-05-24T19:16:33.094981","id":8752},{"instruction":"Implement a system for players to buy, use, and restock ingredients needed for baking.","title":"Manage ingredient inventory","created_at":"2024-04-02T23:39:05.346676","project_id":1568,"complete":false,"step_number":2,"updated_at":"2024-05-24T19:16:33.095044","id":8753},{"instruction":"Set time limits for baking challenges, where players must complete orders within a specified time to earn rewards.","title":"Time-based baking challenges","created_at":"2024-04-02T23:39:05.346736","project_id":1568,"complete":false,"step_number":3,"updated_at":"2024-05-24T19:16:33.095216","id":8754}]}