Bake Time: Shop Oven Adventure

{"name":"Baking dragon select menu","description":"Join the adorable dragons in their quest to become master bakers! Help them navigate through baking challenges, overcome obstacles, and create delicious treats in this fun and whimsical baking adventure game.","photo":null,"view_count":29,"fork_count":0,"expires_at":null,"created_at":"2024-01-26T23:29:14.638064Z","updated_at":"2024-04-02T22:35:51.461240Z","user_id":4,"status":"PUBLIC","parent_id":308,"id":481,"user":{"photo":null,"email":null,"recess_id":"803a180d-df5e-dbf8-2d4b-a79d02b6dad5","created_at":"2023-12-11T22:20:59.207232Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"pandahbomb","id":4,"password_hash":null,"updated_at":"2023-12-11T22:20:59.207234Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let deathfangSprite;\nlet brewsySprite;\nlet muffSprite;\nlet steamSprite;\nlet arrowSprite;\nlet dragons;\nlet leftArrow;\nlet rightArrow;\n\nlet currentDragonIndex = 0;\n\n\nfunction preload() {\n deathfangSprite = loadImage(\"@asset('Deathfang ')\");\n brewsySprite = loadImage(\"@asset('Brewsy')\");\n muffSprite = loadImage(\"@asset('Muff')\");\n steamSprite = loadImage(\"@asset('Steam')\");\n arrowSprite = loadImage(\"@asset('arrow_left')\");\n}\n\nfunction setup() {\n createCanvas(800, 600);\n dragons = [deathfangSprite, brewsySprite, muffSprite, steamSprite];\n\n // Create left arrow\n leftArrow = arrowSprite.get();\n leftArrow.resize(arrowSprite.width * 0.2, 0);\n\n // Create right arrow\n rightArrow = createGraphics(leftArrow.width, leftArrow.height);\n rightArrow.push();\n rightArrow.scale(-1, 1);\n rightArrow.image(leftArrow, -leftArrow.width, 0);\n rightArrow.pop();\n}\n\n\n\nlet arrowDistance = 50; // Adjust this value to change the distance of the arrow from the dragon\n\nfunction draw() {\n background(220);\n\n // Ensure dragons array is initialized and not empty\n if (dragons && dragons.length > 0) {\n // Correcting index out of bounds\n let safeIndex = currentDragonIndex % dragons.length;\n let dragon = dragons[safeIndex];\n\n if (dragon) {\n let centerX = width / 2;\n let centerY = height / 2;\n\n // Assuming dragon is an object with width and height properties\n image(dragon, centerX - dragon.width / 2, centerY - dragon.height / 2);\n }\n } else {\n console.log(\"Dragons array is not initialized or is empty.\");\n }\n\n function mouseClicked() {\n let centerX = width / 2;\n let centerY = height / 2;\n let currentDragon = dragons[currentDragonIndex];\n let dragonWidth = currentDragon.width;\n let dragonHeight = currentDragon.height;\n let arrowWidth = leftArrow.width;\n let arrowHeight = leftArrow.height;\n\n // Check if left arrow was clicked\n if (mouseX > centerX - dragonWidth / 2 - arrowWidth - arrowDistance &&\n mouseX < centerX - dragonWidth / 2 - arrowDistance &&\n mouseY > centerY - arrowHeight / 2 &&\n mouseY < centerY + arrowHeight / 2) {\n currentDragonIndex--;\n if (currentDragonIndex < 0) {\n currentDragonIndex = dragons.length - 1;\n }\n return; // Prevent further checks if an arrow is clicked\n }\n\n // Check if right arrow was clicked\n if (mouseX > centerX + dragonWidth / 2 + arrowDistance &&\n mouseX < centerX + dragonWidth / 2 + arrowWidth + arrowDistance &&\n mouseY > centerY - arrowHeight / 2 &&\n mouseY < centerY + arrowHeight / 2) {\n currentDragonIndex++;\n if (currentDragonIndex >= dragons.length) {\n currentDragonIndex = 0;\n }\n return; // Prevent further checks if an arrow is clicked\n }\n\n // Check if current dragon was clicked\n if (mouseX > centerX - dragonWidth / 2 &&\n mouseX < centerX + dragonWidth / 2 &&\n mouseY > centerY - dragonHeight / 2 &&\n mouseY < centerY + dragonHeight / 2) {\n console.log(\"Loading up game...\");\n }\n }\n\n function keyPressed() {\n if (keyCode === LEFT_ARROW) {\n currentDragonIndex--;\n if (currentDragonIndex < 0) {\n currentDragonIndex = dragons.length - 1;\n }\n } else if (keyCode === RIGHT_ARROW) {\n currentDragonIndex++;\n if (currentDragonIndex >= dragons.length) {\n currentDragonIndex = 0;\n }\n }\n }\n\n // script.js\n let oven1, oven2, oven3, dragonJump, yellowDragon, bakeryBackground, npcImage;\n let playerX, playerY;\n let speed = 5;\n let keysPressed = {};\n let heldItem = null;\n let npc1, npc2;\n let blocks = [];\n let gridCells = [];\n let images = {};\n let ovenImage;\n let breadImage;\n let unbakedBreadImage;\n let unbakedBreads = []; // Array to store all unbaked bread items\n let ovenTemperature = 212; // Default temperature\n let tempDisplay, timerDisplay;\n let ovenTimer = 1; // Default timer\n let remainingBakeTime = 0;\n let isBakingDone = false;\n let breadRecipe = ['leaf', 'diamond', 'beef',]\n let bakedBreads = [];\n let sandwichRecipe = ['bread', 'beef']; // Assuming this is the recipe for a sandwich\n let bakedSandwiches = [];\n let itemYOffset = 0; // Starting Y offset for drawing the items\n let isBookMenuOpen = false; // Track whether the book menu is ope\n let currentTab = 'Tab1'; // Default to the first tab\n let bakingOutput = null; // Initialize outside of any function\n let showCraftingGrid = false; // Initially, the crafting grid is not shown\n let isGridMenuOpen = false; // Flag to track if the grid menu is open\n let isBakingViewActive = false; // False means the player is in the \"map\" view by default\n let assetsLoaded = false;\n let bakedGoods = [];\n let ovenTempSetting = \"Medium\"; // Default setting\n let ovenTimerSetting = \"Medium\"; // Default setting\n let quarterScreenWidth = window.innerWidth / 4;\n let tempButtons = [];\n let timerButtons = [];\n\n class NPC {\n constructor(x, y, img, want) {\n this.x = x;\n this.y = y;\n this.img = img;\n this.hasBread = false;\n this.img.resize(100, 0);\n this.want = want; // 'bread' or 'muffin'\n this.showMessage = false;\n this.message = \"\";\n }\n\n isNear(playerX, playerY) {\n let distance = dist(playerX, playerY, this.x, this.y);\n return distance < 150; // Returns true if the player is within 150 pixels of the NPC\n }\n\n draw() {\n image(this.img, this.x, this.y);\n // Draw bread or muffin above the NPC\n if (this.hasBread) {\n fill(165, 42, 42); // Brown for bread\n rect(this.x + 40, this.y - 10, 20, 20);\n } else if (this.hasMuffin) {\n fill(0, 0, 255); // Blue for muffin\n rect(this.x + 40, this.y - 10, 20, 20);\n }\n if (this.showMessage) {\n this.displayMessage();\n }\n }\n\n giveItem(item) {\n if (item === this.want) {\n this.message = \"Thank you! This is exactly what I wanted.\";\n this.hasBread = item === 'bread';\n this.hasMuffin = item === 'muffin';\n } else {\n this.message = \"Oh, this isn't what I wanted.\";\n }\n this.showMessage = true;\n setTimeout(() => {\n this.showMessage = false;\n }, 3000); // Message will disappear after 3 seconds\n }\n\n displayMessage() {\n let bubbleWidth = textWidth(this.message) + 20;\n let bubbleHeight = 40;\n let bubbleX = this.x + 50;\n let bubbleY = this.y - 50;\n\n fill(255);\n stroke(0);\n rect(bubbleX, bubbleY, bubbleWidth, bubbleHeight, 5);\n\n fill(0);\n noStroke();\n textSize(14);\n text(this.message, bubbleX + 10, bubbleY + 25);\n }\n }\n function preload() {\n // Existing assets being preloaded\n dragonJump = loadImage('@asset(\"Dragon jump\")');\n yellowDragon = loadImage('@asset(\"Dragon Waiter\")');\n oven1 = loadImage('@asset(\"oven1\")');\n oven2 = loadImage('@asset(\"oven2\")');\n oven3 = loadImage('@asset(\"oven3\")');\n bakeryBackground = loadImage('@asset(\"bakeryBackground\")');\n npcImage = loadImage('@asset(\"Npc\")');\n images.flour = loadImage('@asset(\"flour\")');\n images.bread = loadImage('@asset(\"bread\")'); // Lowercase \"b\" bread\n images.milk = loadImage('@asset(\"milk\")');\n images.anvil = loadImage('@asset(\"Anvil\")');\n images.leaf = loadImage('@asset(\"Leaf\")'); // Corrected based on asset list\n images.diamond = loadImage('@asset(\"Diamond\")'); // Corrected based on asset list\n images.beef = loadImage('@asset(\"Beef\")'); // Corrected based on asset list\n images.potion = loadImage('@asset(\"Potion\")'); // Corrected based on asset list\n images.oven2 = loadImage('@asset(\"oven2\")');\n images.sandwich = loadImage('@asset(\"Samich\")');\n images.sugar = loadImage('@asset(\"sugar\")');\n images.bookIcon = loadImage('@asset(\"Book icon\")');\n\n // Add the capital \"B\" Bread asset\n images.bBread = loadImage('@asset(\"Bread\")');\n\n assetsLoaded = true;\n }\n\n function setup() {\n createCanvas(windowWidth, windowHeight);\n playerX = 100;\n playerY = 100;\n\n // Initialize NPCs\n // Initialize NPCs with their wanted item\n npc1 = new NPC(windowWidth / 2, windowHeight / 2, npcImage, 'bread');\n npc2 = new NPC(windowWidth / 4, windowHeight / 4, oven2, 'muffin');\n let bottomGridHeight = height * 0.1;\n let bottomGridWidth = width / 10;\n let innerSquareSize = bottomGridHeight * 0.8;\n let innerSquareStart = bottomGridHeight * 0.1;\n let itemNames = ['anvil', 'bread', 'leaf', 'diamond', 'beef', 'potion', 'sugar', 'flour', 'milk']; // Added 'milk' to the list\n for (let i = 0; i < itemNames.length; i++) {\n let x = i * bottomGridWidth + innerSquareStart;\n let y = height - bottomGridHeight + innerSquareStart;\n blocks.push({\n x: x,\n y: y,\n originalX: x,\n originalY: y,\n size: innerSquareSize,\n image: images[itemNames[i]],\n dragging: false,\n name: itemNames[i]\n });\n\n }\n\n bakedGoods.push(new BakedGood(\"bread\", 50, 75)); // Spawn point for bread\n bakedGoods.push(new BakedGood(\"muffin\", 100, 75)); // Spawn point for muffin\n tempDisplay = createP('').parent(ovenControls);\n timerDisplay = createP('').parent(ovenControls);\n\n let grid_size = min(width, height) * 0.5;\n let blockSize = grid_size / 3;\n let start_x = (width - grid_size) / 2;\n let start_y = (height - grid_size) / 2;\n for (let i = 0; i < 3; i++) {\n for (let j = 0; j < 3; j++) {\n gridCells.push({\n x: start_x + i * blockSize,\n y: start_y + j * blockSize,\n size: blockSize\n });\n }\n }\n\n let quarterScreenWidth = width / 4;\n\n ovenControls = createDiv('').style('border', 'solid 2px black').style('padding', '10px').position(quarterScreenWidth - 280, 10);\n ovenControls.elt.style.width = \"130px\";\n createButton('Bake')\n .parent(ovenControls)\n .mousePressed(bake);\n\n // createP('Temperature')\n // .parent(ovenControls);\n\n // let tempInput = createInput(ovenTemperature.toString(), 'number'); // Input box for temperature\n // tempInput.parent(ovenControls);\n // tempInput.input(setTemperature);\n\n // tempDisplay = createP('')\n // .parent(ovenControls);\n\n // createP('Time (game minutes)')\n // .parent(ovenControls);\n\n // let timerInput = createInput(ovenTimer.toString(), 'number'); // Input box for timer\n // timerInput.parent(ovenControls);\n // timerInput.input(setTimer);\n\n // timerDisplay = createP('')\n // .parent(ovenControls);\n const tempOptions = ['Low', 'Medium', 'High'];\n tempOptions.forEach((option, index) => {\n let btn = createButton(option);\n btn.position(20, 20 + (index * 40));\n btn.mousePressed(() => setTemp(option));\n btn.style('background-color', option === ovenTempSetting ? 'green' : 'grey');\n tempButtons.push(btn);\n });\n\n // Initialize Timer Buttons\n const timerOptions = ['Low', 'Medium', 'High'];\n timerOptions.forEach((option, index) => {\n let btn = createButton(option);\n btn.position(150, 20 + (index * 40));\n btn.mousePressed(() => setTimerSetting(option));\n btn.style('background-color', option === ovenTimerSetting ? 'green' : 'grey');\n timerButtons.push(btn);\n });\n let initialDisplayStyle = isBakingViewActive ? 'block' : 'none';\n ovenControls.style('display', initialDisplayStyle);\n tempButtons.forEach(btn => btn.style('display', initialDisplayStyle));\n timerButtons.forEach(btn => btn.style('display', initialDisplayStyle));\n }\n\n\n function drawOvenControls() {\n // This function updates the oven controls' visibility based on the isBakingViewActive flag\n let displayStyle = isBakingViewActive ? 'block' : 'none'; // Determine the display style based on the baking view status\n\n // Update the display style for oven controls\n ovenControls.style('display', displayStyle);\n\n // Update the display style for each temperature button\n tempButtons.forEach(btn => {\n btn.style('display', displayStyle);\n });\n\n // Update the display style for each timer button\n timerButtons.forEach(btn => {\n btn.style('display', displayStyle);\n });\n }\n\n function drawBookIcon() {\n // Check if we're in the baking view and draw the book icon if we are\n if (isBakingViewActive) {\n image(images.bookIcon, width - 60, 10, 50, 50);\n }\n }\n\n\n\n function draw() {\n background(220);\n\n if (isBakingViewActive) {\n drawBakingView();\n // Show oven controls and buttons when in baking view\n ovenControls.style('display', 'block');\n tempButtons.forEach(btn => btn.style('display', 'block'));\n timerButtons.forEach(btn => btn.style('display', 'block'));\n } else {\n drawMainGameView();\n // Hide oven controls and buttons when not in baking view\n ovenControls.style('display', 'none');\n tempButtons.forEach(btn => btn.style('display', 'none'));\n timerButtons.forEach(btn => btn.style('display', 'none'));\n }\n\n handleMovement();\n\n if (heldItem) {\n heldItem.displayOverPlayer(playerX, playerY - 50); // Display the held item over the player\n }\n\n for (let block of blocks) {\n if (block.dragging) {\n image(block.image, block.x, block.y, block.size, block.size);\n }\n }\n }\n\n function drawBottomGrid() {\n fill(255);\n let bottomGridHeight = height * 0.1;\n let bottomGridWidth = width;\n rect(0, height - bottomGridHeight, bottomGridWidth, bottomGridHeight);\n\n // Draw items in the bottom grid only if they are not in the 3x3 grid\n blocks.forEach((block, i) => {\n if (!block.inGrid && !block.dragging) {\n let blockWidth = bottomGridWidth / blocks.length;\n block.x = i * blockWidth;\n block.y = height - bottomGridHeight;\n image(block.image, block.x, block.y, block.size, block.size);\n }\n });\n }\n function drawTempDisplay() {\n if (isBakingViewActive) {\n let fahrenheit = ovenTemperature * 9 / 5 + 32;\n tempDisplay.html(fahrenheit + '°F');\n tempDisplay.style('display', 'block');\n } else {\n tempDisplay.style('display', 'none');\n }\n }\n\n function drawTimerDisplay() {\n if (isBakingViewActive) {\n timerDisplay.html(ovenTimer + ' Minutes');\n timerDisplay.style('display', 'block');\n } else {\n timerDisplay.style('display', 'none');\n }\n }\n\n function drawMainGameView() {\n // Drawing the wall at the top\n fill(150);\n rect(0, 0, windowWidth, 100);\n\n\n // Rest of the function remains unchanged\n drawPlayer();\n handleMovement();\n npc1.draw();\n npc2.draw();\n image(images.bookIcon, width - 60, 10, 50, 50);\n if (isGridMenuOpen) {\n drawBottomGrid();\n displayCraftingGridContents();\n }\n bakedGoods.forEach(good => good.draw());\n\n // tempDisplay.style('display', 'none');\n // timerDisplay.style('display', 'none');\n ovenControls.style('display', 'none');\n }\n\n function drawNPC() {\n let npcX = windowWidth / 2;\n let npcY = windowHeight / 2;\n npcImage.resize(100, 0);\n image(npcImage, npcX, npcY); // Original NPC\n\n // Calculate the distance between the player and the original NPC\n let distanceToNPC = dist(playerX, playerY, npcX, npcY);\n\n // If the player is within a distance of 200 pixels from the original NPC, show the text bubble\n if (distanceToNPC < 200) {\n let bubbleText = \"Welcome to our bakery!\";\n let bubbleWidth = textWidth(bubbleText) + 10;\n let bubbleHeight = 20;\n\n fill(255);\n stroke(0);\n rect(npcX + 50, npcY - 50, bubbleWidth, bubbleHeight, 5);\n\n fill(0);\n noStroke();\n text(bubbleText, npcX + 55, npcY - 35);\n }\n\n // Drawing the second NPC using oven2 asset\n let npc2X = windowWidth / 4; // Position for second NPC\n let npc2Y = windowHeight / 4;\n oven2.resize(100, 0);\n image(oven2, npc2X, npc2Y); // Second NPC\n }\n\n function drawBakingView() {\n drawGrid();\n drawBottomGrid();\n displayCraftingGridContents();\n drawClock();\n displayOutputBox();\n drawOvenControls();\n // Draw Dials\n drawTempDial();\n drawTimerDial();\n drawBookIcon();\n if (isBookMenuOpen) {\n drawBookMenu();\n }\n displayOutputBox(); // Call this at the end\n }\n\n\n function drawshopgrid() {\n let blockSize = 50;\n let gridWidth = width / blockSize;\n for (let x = 0; x < gridWidth; x++) {\n fill(0, 0, 0);\n stroke(255);\n rect(x * blockSize, 0, blockSize, blockSize);\n }\n }\n function drawOvens() {\n let blockSize = 50;\n oven1.resize(blockSize, blockSize);\n image(oven1, 0 * blockSize, 0);\n oven2.resize(blockSize, blockSize);\n image(oven2, 1 * blockSize, 0);\n oven3.resize(blockSize, blockSize);\n image(oven3, 2 * blockSize, 0);\n }\n\n function drawPlayer() {\n yellowDragon.resize(100, 0);\n image(yellowDragon, playerX, playerY);\n\n // Check if the player is holding an item\n if (heldItem) {\n // Determine the image based on the held item's type\n let itemImage;\n if (heldItem.type === \"bread\") {\n itemImage = images.bread; // Assuming 'bread' is the key for the bread image in the 'images' object\n } else if (heldItem.type === \"muffin\") {\n itemImage = images.muffin; // Assuming 'muffin' is the key for the muffin image in the 'images' object\n }\n\n if (itemImage) {\n // Draw the image of the held item next to the player\n image(itemImage, playerX + 50, playerY - 20, 30, 30);\n }\n }\n }\n\n function handleMovement() {\n // Up movement\n if ((keysPressed['w'] || keysPressed['ArrowUp']) && playerY > 100) {\n playerY -= speed;\n }\n // Down movement\n if (keysPressed['s'] || keysPressed['ArrowDown']) {\n playerY += speed;\n }\n // Left movement\n if (keysPressed['a'] || keysPressed['ArrowLeft']) {\n playerX -= speed;\n }\n // Right movement\n if (keysPressed['d'] || keysPressed['ArrowRight']) {\n playerX += speed;\n }\n }\n\n function keyPressed() {\n keysPressed[key] = true;\n\n if (key === ' ') {\n if (!heldItem) { // If the player isn't holding an item\n // Check for nearby baked goods to pick up\n for (let good of bakedGoods) {\n if (good.isAvailable && dist(playerX, playerY, good.x, good.y) < 50) {\n heldItem = good; // Pick up the good\n good.pickUp();\n break;\n }\n }\n } else {\n // Deliver the held item to a nearby NPC\n if (npc1.isNear(playerX, playerY)) {\n npc1.giveItem(heldItem.type);\n heldItem = null; // Clear the held item after delivery\n }\n // Add similar checks for other NPCs as needed\n if (npc2.isNear(playerX, playerY)) {\n npc2.giveItem(heldItem.type);\n heldItem = null; // Clear the held item after delivery\n }\n }\n }\n\n\n if (key === 'h' || key === 'H') {\n let newBread = {}; // Create a new Bread object\n unbakedBreads.push(newBread); // Add it to the array\n console.log(\"New unbaked bread created\");\n }\n\n if (key === 'e' || key === 'E') {\n isBakingViewActive = !isBakingViewActive; // Toggle the baking view\n }\n\n if (key === 'Escape') {\n // Close the grid menu and hide the crafting grid\n isGridMenuOpen = false;\n showCraftingGrid = false;\n // Optionally, handle showing/hiding of other UI elements related to the grid menu here\n }\n\n return false;\n }\n function keyReleased() {\n keysPressed[key] = false;\n return false; // Prevent any default behavior\n }\n\n function drawBookMenu() {\n // Placeholder for drawing the book menu, could be more detailed based on your design\n fill(255); // White background for the book menu for visibility\n rect(50, 50, width - 100, height - 100); // Drawing a simple rectangle as the book menu\n\n // Example: Displaying the current tab inside the book menu\n fill(0); // Black text\n textSize(24);\n text(`Book!`, 60, 90); // Display the current tab at the top of the book menu\n }\n\n function displayRecipes() {\n let startX = 60; // Starting X coordinate for the recipes display\n let startY = 60; // Starting Y coordinate for the first recipe\n let imageSize = 50; // Assuming there's an image size for illustration\n let spacing = 10; // Spacing between each recipe item\n\n // Assuming you have images for bread and sandwich, update these accordingly\n let breadImage = images.bread; // Placeholder, set to your bread image\n let sandwichImage = images.sandwich; // Placeholder, set to your sandwich image\n\n let recipes = [\n { name: \"Bread\", image: breadImage, ingredients: breadRecipe },\n { name: \"Sandwich\", image: sandwichImage, ingredients: sandwichRecipe }\n ];\n\n for (let i = 0; i < recipes.length; i++) {\n let x = startX;\n let y = startY + i * (imageSize + spacing * 2); // Adjust the Y coordinate for each recipe\n\n // Check if the recipe has an image to display\n if (recipes[i].image) {\n image(recipes[i].image, x, y, imageSize, imageSize);\n }\n fill(0); // Set the text color to black\n textSize(12); // Set the text size\n text(recipes[i].name, x + imageSize + 5, y + 20); // Display the recipe name next to the image\n\n textSize(10); // Smaller text size for ingredients\n text(\"Ingredients: \" + recipes[i].ingredients.join(\", \"), x + imageSize + 5, y + 40); // Display the ingredients below the recipe name\n }\n }\n function startBakingProcess(item) {\n console.log(`Starting to bake a ${item}`);\n remainingBakeTime = ovenTimer;\n var bakeInterval = setInterval(function () {\n remainingBakeTime--;\n console.log(`Remaining Bake Time: ${remainingBakeTime} seconds`);\n if (remainingBakeTime <= 0) {\n clearInterval(bakeInterval);\n console.log(\"Baking finished\");\n isBakingDone = true;\n // Create an output item based on what was baked\n let outputImage = item === 'bread' ? images.bread : images.sandwich; // Choose the image based on the item\n bakingOutput = {\n x: (width * 0.75) - 1000 + 10, // Position it inside the output box on the left\n y: (height * 0.2) + 170 + 10,\n size: 50,\n image: outputImage,\n dragging: false,\n name: item\n };\n // Reset the crafting grid\n for (let block of blocks) {\n block.x = block.originalX;\n block.y = block.originalY;\n }\n }\n }, 1000);\n }\n function checkForSandwich() {\n let blockNamesInGrid = [];\n for (let cell of gridCells) {\n for (let block of blocks) {\n let blockCenterX = block.x + block.size / 2;\n let blockCenterY = block.y + block.size / 2;\n if (blockCenterX > cell.x && blockCenterX < cell.x + cell.size && blockCenterY > cell.y && blockCenterY < cell.y + cell.size) {\n blockNamesInGrid.push(block.name);\n }\n }\n }\n let containsBread = blockNamesInGrid.includes('bread');\n let containsBeef = blockNamesInGrid.includes('beef');\n let onlyBreadAndBeef = blockNamesInGrid.every(name => name === 'bread' || name === 'beef');\n return containsBread && containsBeef && onlyBreadAndBeef;\n }\n function checkRecipe(recipe) {\n let craftingItems = [];\n for (let cell of gridCells) {\n for (let block of blocks) {\n let blockCenterX = block.x + block.size / 2;\n let blockCenterY = block.y + block.size / 2;\n if (blockCenterX > cell.x && blockCenterX < cell.x + cell.size && blockCenterY > cell.y && blockCenterY < cell.y + cell.size) {\n craftingItems.push(block.name);\n break;\n }\n }\n }\n if (craftingItems.sort().join(',') === recipe.sort().join(',')) {\n return true;\n } else {\n return false;\n }\n }\n function drawClock() {\n const centerX = width / 2 - 670;\n const centerY = height * 0.75;\n const clockRadius = Math.min(centerX, centerY) * 0.6;\n\n noFill();\n strokeWeight(2);\n ellipse(centerX, centerY - 390, clockRadius * 2, clockRadius * 2);\n\n if (remainingBakeTime > 0) {\n fill('red');\n ellipse(centerX, centerY - 390, clockRadius * 2, clockRadius * 2);\n let bakeFraction = (ovenTimer - remainingBakeTime) / ovenTimer;\n let bakeAngle = bakeFraction * 2 * PI;\n fill('green');\n arc(centerX, centerY - 390, clockRadius * 2, clockRadius * 2, -PI / 2, bakeAngle - PI / 2, PIE);\n }\n\n strokeWeight(1);\n }\n function setTimer() {\n ovenTimer = this.value();\n timerDisplay.html(ovenTimer + ' Minutes');\n }\n function setTemperature() {\n ovenTemperature = this.value();\n let fahrenheit = ovenTemperature * 9 / 5 + 32;\n tempDisplay.html(fahrenheit + '°F');\n }\n\n function bake() {\n let outputName = null;\n let outputImage = null;\n\n // Determine which recipe matches the items in the grid\n if (checkRecipe(breadRecipe)) {\n outputName = 'Bread';\n outputImage = images.bread; // Use the specific image for bread\n } else if (checkRecipe(sandwichRecipe)) {\n outputName = 'Sandwich';\n outputImage = images.sandwich; // Use the specific image for sandwiches\n }\n\n // Check if bread and beef are present for a special sandwich\n if (checkForSandwich()) {\n outputName = 'Special Sandwich';\n outputImage = loadImage('@asset(\"Bread...or is it\")'); // Use the special image for this unique sandwich\n }\n\n if (outputName && outputImage) {\n console.log(`${outputName} is being baked`);\n\n // Create a BakedGood instance for the output\n let newGood = new BakedGood(outputName, 100, 100, outputImage); // Adjust the position as needed\n bakedGoods.push(newGood);\n }\n\n clearCraftingGrid();\n }\n\n\n\n function displayIngredients() {\n let ingredients = Object.keys(images);\n let startX = 10;\n let startY = 60;\n let imageSize = 50;\n let spacing = 10;\n for (let i = 0; i < ingredients.length; i++) {\n let x = startX + (i % 5) * (imageSize + spacing);\n let y = startY + Math.floor(i / 5) * (imageSize + spacing);\n image(images[ingredients[i]], x, y, imageSize, imageSize);\n fill(0);\n textSize(12);\n text(ingredients[i], x, y + imageSize + 10);\n }\n }\n function displayComingSoon() {\n let comingSoonItems = [\n { name: \"Oven\", image: images.oven2 }, // Assuming 'oven2' is the correct reference\n { name: \"Book Icon\", image: images.bookIcon }\n ];\n let startX = 10;\n let startY = 60;\n let imageSize = 50;\n let spacing = 60; // Adjust spacing to fit the names and images well\n\n for (let i = 0; i < comingSoonItems.length; i++) {\n let x = startX + (i % 5) * (imageSize + spacing); // Allows for future expansion\n let y = startY + Math.floor(i / 5) * (imageSize + spacing + 20); // Adjust Y position based on row\n if (comingSoonItems[i].image) {\n image(comingSoonItems[i].image, x, y, imageSize, imageSize);\n }\n fill(0); // Set text color to black for visibility\n textSize(12); // Ensure text size is consistent with other sections\n text(comingSoonItems[i].name, x, y + imageSize + 15); // Display name below the image\n }\n }\n function displayOutputBox() {\n let boxWidth = 200; // Adjusted width for visibility\n let boxHeight = 100; // Adjusted height for visibility\n let boxX = width - boxWidth - 20; // Position to the right\n let boxY = 20; // Top position\n\n let output = '';\n let gridContentNames = gridCells.filter(cell => cell.occupied).map(cell => cell.blockName);\n\n // Check if the contents of the grid match any of the known recipes\n let recipeFound = checkForRecipeMatch(gridContentNames);\n\n if (recipeFound) {\n output = recipeFound;\n } else {\n output = gridContentNames.join('\\n');\n }\n fill('white');\n stroke('black');\n rect(boxX, boxY, boxWidth, boxHeight);\n\n fill('black');\n textSize(20);\n text(output, boxX + 10, boxY + 30);\n if (bakingOutput) {\n fill('black');\n textSize(16);\n text(`Baked: ${bakingOutput.name}`, boxX + 10, boxY + 20);\n image(bakingOutput.image, boxX + 10, boxY + 40, 50, 50); // Display the image of the baking output\n }\n }\n function checkForRecipeMatch(contents) {\n let recipes = {\n 'bread': ['leaf', 'diamond', 'beef'],\n 'sandwich': ['bread', 'beef']\n };\n\n for (let [recipeName, ingredients] of Object.entries(recipes)) {\n if (contents.length === ingredients.length && ingredients.every(ingredient => contents.includes(ingredient))) {\n return recipeName.charAt(0).toUpperCase() + recipeName.slice(1);\n }\n }\n\n return null;\n }\n function drawGrid() {\n fill(255); // White color for grid background\n let grid_size = min(width, height) * 0.5; // Determines the size of the grid based on the smaller dimension of the screen\n let blockSize = grid_size / 3; // Each block in the grid is one third of the grid size\n let start_x = (width - grid_size) / 2; // Centers the grid horizontally\n let start_y = (height - grid_size) / 2; // Centers the grid vertically\n\n for (let i = 0; i < 3; i++) {\n for (let j = 0; j < 3; j++) {\n rect(start_x + i * blockSize, start_y + j * blockSize, blockSize, blockSize); // Draws each block\n }\n }\n }\n function drawBottomGrid() {\n fill(255); // Set the background color for the bottom grid\n let bottomGridHeight = height * 0.1; // Define the height of the bottom grid\n let bottomGridWidth = width; // Use the full width for the bottom grid\n let numItems = blocks.length; // Number of items to display in the grid\n let blockWidth = bottomGridWidth / numItems; // Calculate the width of each block's space in the grid\n\n // Draw the background for the bottom grid\n rect(0, height - bottomGridHeight, bottomGridWidth, bottomGridHeight);\n\n for (let i = 0; i < blocks.length; i++) {\n let block = blocks[i];\n if (!block.dragging) {\n block.x = i * blockWidth; // Update the x position based on the item index\n block.y = height - bottomGridHeight; // Position items at the bottom\n }\n // Draw the grid outline for each block's space\n stroke(0); // Set stroke color to black for the grid lines\n noFill(); // Ensure the rectangles are only outlined\n if (!block.dragging) {\n rect(block.x, block.y, blockWidth, bottomGridHeight); // Draw the rectangle around the block's space\n }\n if (!block.dragging) {\n image(block.image, block.x, block.y, block.size, block.size); // Draw the image of the block only if it's not being dragged\n }\n }\n }\n function mousePressed() {\n if (isBakingViewActive && mouseX >= width - 60 && mouseX <= width - 10 && mouseY >= 10 && mouseY <= 60) {\n isBookMenuOpen = !isBookMenuOpen;\n return;\n }\n\n if (isBookMenuOpen && mouseY >= 0 && mouseY <= 50) {\n let tabs = ['recipes', 'ingredients', 'coming soon...'];\n let tabWidth = width / tabs.length;\n let clickedTabIndex = Math.floor(mouseX / tabWidth);\n currentTab = tabs[clickedTabIndex];\n return;\n }\n\n for (let block of blocks) {\n if (mouseX > block.x && mouseX < block.x + block.size && mouseY > block.y && mouseY < block.y + block.size) {\n block.dragging = true;\n block.offsetX = mouseX - block.x;\n block.offsetY = mouseY - block.y;\n\n if (block.inGrid) {\n block.inGrid = false;\n for (let cell of gridCells) {\n if (cell.blockName === block.name) {\n cell.occupied = false;\n cell.blockName = null;\n cell.ingredientImage = null;\n break;\n }\n }\n block.x = block.originalX;\n block.y = block.originalY;\n block.dragging = false;\n return;\n }\n }\n }\n\n if (bakingOutput && mouseX > bakingOutput.x && mouseX < bakingOutput.x + bakingOutput.size && mouseY > bakingOutput.y && mouseY < bakingOutput.y + bakingOutput.size) {\n bakingOutput.dragging = true;\n }\n if (dist(mouseX, mouseY, quarterScreenWidth - 250, 60) < 25) {\n cycleSetting('temp');\n }\n // Timer Dial Interaction\n if (dist(mouseX, mouseY, quarterScreenWidth - 150, 60) < 25) {\n cycleSetting('timer');\n }\n }\n function mouseReleased() {\n for (let block of blocks) {\n if (block.dragging) {\n block.dragging = false;\n let droppedInGrid = false;\n for (let cell of gridCells) {\n if (!cell.occupied && mouseX > cell.x && mouseX < cell.x + cell.size && mouseY > cell.y && mouseY < cell.y + cell.size) {\n cell.occupied = true;\n cell.blockName = block.name;\n cell.ingredientImage = block.image;\n block.x = cell.x;\n block.y = cell.y;\n block.inGrid = true;\n droppedInGrid = true;\n break;\n }\n }\n if (!droppedInGrid) {\n block.x = block.originalX;\n block.y = block.originalY;\n }\n }\n }\n }\n function displayCraftingGridContents() {\n for (let cell of gridCells) {\n fill(255); // White to clear the cell\n rect(cell.x, cell.y, cell.size, cell.size); // Redraw the cell background\n if (cell.occupied) {\n // Use the cell's stored ingredient image for display\n image(cell.ingredientImage, cell.x, cell.y, cell.size, cell.size);\n fill(0); // Set text color to black\n textSize(14); // Specify text size\n // text(cell.blockName, cell.x, cell.y + cell.size + 15); // Display the block name below the cell\n }\n }\n }\n function mouseDragged() {\n // Check for dragging blocks within the bottom bar\n for (let block of blocks) {\n if (block.dragging) {\n block.x = mouseX - block.size / 2; // Center the block under the mouse\n block.y = mouseY - block.size / 2;\n }\n }\n }\n class BakedGood {\n constructor(type, x, y, img) {\n this.type = type;\n this.x = x;\n this.y = y;\n this.img = img; // Ensure this.img is always a valid p5.Image\n this.isAvailable = true;\n }\n\n draw() {\n if (this.isAvailable && this.img) {\n image(this.img, this.x, this.y, 30, 30); // Use the image to draw\n }\n }\n\n pickUp() {\n this.isAvailable = false; // Mark as picked up\n }\n\n displayOverPlayer(playerX, playerY) {\n image(this.img, playerX, playerY - 50, 30, 30); // Display the image over the player's head\n }\n }\n function drawTempDial() {\n let dialX = 100; // Adjusted for visibility\n let dialY = height - 150; // Placed at the bottom for visibility\n fill('gray');\n ellipse(dialX, dialY, 50, 50);\n fill('black');\n textSize(12);\n textAlign(CENTER, CENTER); // Ensure text is centered in the dial\n text(ovenTempSetting, dialX, dialY);\n }\n function drawTimerDial() {\n let dialX = 200; // Adjusted for visibility\n let dialY = height - 150; // Placed next to the temperature dial\n fill('gray');\n ellipse(dialX, dialY, 50, 50);\n fill('black');\n textSize(12);\n textAlign(CENTER, CENTER); // Ensure text is centered in the dial\n text(ovenTimerSetting, dialX, dialY);\n }\n function cycleSetting(dial) {\n let settings = [\"Low\", \"Medium\", \"High\"];\n let currentIndex;\n\n if (dial === 'temp') {\n currentIndex = settings.indexOf(ovenTempSetting);\n ovenTempSetting = settings[(currentIndex + 1) % settings.length];\n } else if (dial === 'timer') {\n currentIndex = settings.indexOf(ovenTimerSetting);\n ovenTimerSetting = settings[(currentIndex + 1) % settings.length];\n }\n }\n function setTemp(selectedTemp) {\n ovenTempSetting = selectedTemp;\n updateButtonStates(tempButtons, selectedTemp);\n }\n function setTimerSetting(selectedTimer) {\n ovenTimerSetting = selectedTimer;\n updateButtonStates(timerButtons, selectedTimer);\n }\n function updateButtonStates(buttons, selectedOption) {\n buttons.forEach((btn) => {\n let label = btn.elt.innerHTML;\n btn.style('background-color', label === selectedOption ? 'green' : 'grey');\n });\n }","style.css":"","index.html":"\n\n\n\n \n \n Bake Time: Shop Oven Adventure\n \n \n\n\n\n

Book

Recipes

\n \n\n\n"},"chat_history":[{"deleted":0,"code_id":62515,"input_tokens":null,"id":34470,"project_id":481,"sender":"human","message":"Let's get started!","created_at":"2024-04-09T00:41:15.026711Z","output_tokens":null},{"deleted":0,"code_id":62515,"input_tokens":null,"id":34471,"project_id":481,"sender":"ai","message":"```javascript\nfunction keyPressed() {\n if (keyCode === LEFT_ARROW) {\n currentDragonIndex--;\n if (currentDragonIndex < 0) {\n currentDragonIndex = dragons.length - 1;\n }\n } else if (keyCode === RIGHT_ARROW) {\n currentDragonIndex++;\n if (currentDragonIndex >= dragons.length) {\n currentDragonIndex = 0;\n }\n }\n}\n```\n\n- This function listens for key presses and checks if the left or right arrow keys are pressed.\n- If the left arrow key is pressed, it decreases the `currentDragonIndex` to show the previous dragon. If the index becomes less than 0, it wraps around to show the last dragon in the list.\n- If the right arrow key is pressed, it increases the `currentDragonIndex` to show the next dragon. If the index reaches the size of the dragon array, it wraps around to show the first dragon in the list.","created_at":"2024-04-09T00:41:15.044710Z","output_tokens":null},{"deleted":0,"code_id":62517,"input_tokens":null,"id":34472,"project_id":481,"sender":"human","message":"could you make it so that when it you click on a dragon it says loading up game","created_at":"2024-04-09T00:42:14.086399Z","output_tokens":null},{"deleted":0,"code_id":62517,"input_tokens":null,"id":34473,"project_id":481,"sender":"ai","message":"```javascript\nfunction mouseClicked() {\n let centerX = width / 2;\n let centerY = height / 2;\n let currentDragon = dragons[currentDragonIndex];\n let dragonWidth = currentDragon.width;\n let dragonHeight = currentDragon.height;\n let arrowWidth = leftArrow.width;\n let arrowHeight = leftArrow.height;\n\n // Check if left arrow was clicked\n if (mouseX > centerX - dragonWidth / 2 - arrowWidth - arrowDistance &&\n mouseX < centerX - dragonWidth / 2 - arrowDistance &&\n mouseY > centerY - arrowHeight / 2 &&\n mouseY < centerY + arrowHeight / 2) {\n currentDragonIndex--;\n if (currentDragonIndex < 0) {\n currentDragonIndex = dragons.length - 1;\n }\n return; // Prevent further checks if an arrow is clicked\n }\n\n // Check if right arrow was clicked\n if (mouseX > centerX + dragonWidth / 2 + arrowDistance &&\n mouseX < centerX + dragonWidth / 2 + arrowWidth + arrowDistance &&\n mouseY > centerY - arrowHeight / 2 &&\n mouseY < centerY + arrowHeight / 2) {\n currentDragonIndex++;\n if (currentDragonIndex >= dragons.length) {\n currentDragonIndex = 0;\n }\n return; // Prevent further checks if an arrow is clicked\n }\n\n // Check if current dragon was clicked\n if (mouseX > centerX - dragonWidth / 2 &&\n mouseX < centerX + dragonWidth / 2 &&\n mouseY > centerY - dragonHeight / 2 &&\n mouseY < centerY + dragonHeight / 2) {\n console.log(\"Loading up game...\");\n }\n}\n```\n\n- This modified `mouseClicked` function now checks if the click was within the bounds of the currently displayed dragon, in addition to checking for arrow clicks.\n- If the click is within the area of the left or right arrow, it changes the `currentDragonIndex` accordingly and exits the function early with a `return` statement to avoid further checks.\n- If the click is within the bounds of the current dragon (centered in the canvas), it logs \"Loading up game...\" to the console, indicating where additional logic for starting a game or loading a new scene could be implemented.\n- This approach ensures that arrow clicks and dragon clicks are mutually exclusive actions.","created_at":"2024-04-09T00:42:14.092748Z","output_tokens":null},{"deleted":0,"code_id":62520,"input_tokens":null,"id":34474,"project_id":481,"sender":"human","message":"please help me fix the error","created_at":"2024-04-09T00:44:10.484524Z","output_tokens":null},{"deleted":0,"code_id":62520,"input_tokens":null,"id":34475,"project_id":481,"sender":"ai","message":"The error you're encountering, \"Uncaught TypeError: Cannot read properties of undefined (reading '0')\", points to an issue where the code is trying to access an element of an array or an object that hasn't been defined or initialized yet. This type of error can occur in many places, but based on the provided code and context, the issue might be happening in the `draw()` function or similar sections where arrays or objects are being accessed without prior checks.\n\nGiven the detailed nature of your project and the error message, it's not immediately clear which exact line is causing the issue without the line numbers. However, I'll provide a general approach to debugging this type of error, focusing on array access which is common in game development scenarios like yours.\n\n1. **Initialization Check:** Ensure all arrays and objects are properly initialized before they are accessed. For example, if you're accessing `dragons[currentDragonIndex]`, make sure `dragons` is initialized and populated with data before `draw()` or any other function tries to access it.\n\n2. **Index Check:** Verify that the index used to access array elements is within the bounds of the array. An index that is less than 0 or greater than or equal to the length of the array can cause this error.\n\nHere's a general strategy for safely accessing an array element, applied to the `dragons` array as an example. You can adapt this approach to other arrays or objects as needed:\n\n```javascript\nfunction draw() {\n background(220);\n\n // Ensure dragons array is initialized and not empty\n if (dragons && dragons.length > 0) {\n // Correcting index out of bounds\n let safeIndex = currentDragonIndex % dragons.length;\n let dragon = dragons[safeIndex];\n\n if (dragon) {\n let centerX = width / 2;\n let centerY = height / 2;\n\n // Assuming dragon is an object with width and height properties\n image(dragon, centerX - dragon.width / 2, centerY - dragon.height / 2);\n }\n } else {\n console.log(\"Dragons array is not initialized or is empty.\");\n }\n\n // Rest of the draw function...\n}\n```\n\n- **Initialization Check:** The condition `if (dragons && dragons.length > 0)` ensures that the `dragons` array is not `undefined` and contains at least one element before attempting to access its elements.\n- **Index Check:** The line `let safeIndex = currentDragonIndex % dragons.length;` ensures that `safeIndex` is always a valid index within the bounds of the `dragons` array, preventing the error if `currentDragonIndex` is out of bounds.\n\nApplying similar checks before accessing array elements or object properties throughout your code can help prevent this type of error. If this doesn't resolve the issue, I recommend checking other places where arrays or objects are accessed and applying similar safety checks.","created_at":"2024-04-09T00:44:10.492760Z","output_tokens":null},{"deleted":0,"code_id":63133,"input_tokens":null,"id":34662,"project_id":481,"sender":"human","message":"why am i getting an error message","created_at":"2024-04-09T21:43:23.398858Z","output_tokens":null},{"deleted":0,"code_id":63133,"input_tokens":null,"id":34663,"project_id":481,"sender":"ai","message":"The error message you're encountering, \"Uncaught SyntaxError: Unexpected identifier 'buttons' at 1067:5 in script.js\", suggests that there's a syntax issue in your code around the line mentioned. It appears that the JavaScript interpreter is unable to correctly parse the code due to a misplaced or missing syntax element near the use of 'buttons'.\n\nUpon reviewing your script, I noticed that the error likely stems from a missing function declaration or improper statement structure. Specifically, the error is pointing to a disturbance in the flow of your JavaScript code related to the `updateButtonStates` function implementation.\n\nLet's address the issue by correcting the function definition for `updateButtonStates`. I found that the function's opening curly brace `{` is missing right after the function's parameters, which causes the JavaScript interpreter to throw an error because it cannot parse the function correctly.\n\nHere's the corrected version of the function:\n\n```javascript\nfunction updateButtonStates(buttons, selectedOption) {\n buttons.forEach((btn) => {\n let label = btn.elt.innerHTML;\n btn.style('background-color', label === selectedOption ? 'green' : 'grey');\n });\n}\n```\n\n- I added the missing opening curly brace `{` right after the function parameters `(buttons, selectedOption)`.\n- The function iterates over each button in the `buttons` array and updates its background color. If the button's label matches the `selectedOption`, its color is set to 'green'; otherwise, it's set to 'grey'.\n- This function helps in visually indicating which temperature or timer setting is currently selected by the user.\n\nEnsure that this corrected function definition replaces the previous incorrect snippet in your `script.js`. This should resolve the syntax error and allow your script to run without encountering the \"Unexpected identifier\" error.","created_at":"2024-04-09T21:43:23.406519Z","output_tokens":null}],"assets":[{"name":"Hotdog","cloudinary_id":"log6vetwjxtxduq47cga","resource_type":"image","id":797,"project_id":481,"created_at":"2024-01-26T23:29:14.648689Z","deleted":false},{"name":"Steam","cloudinary_id":"qig7xhuara2zpfojl2pu","resource_type":"image","id":796,"project_id":481,"created_at":"2024-01-26T23:29:14.647539Z","deleted":false},{"name":"Muff","cloudinary_id":"ipafdzgjqdq0wdh0ug5f","resource_type":"image","id":795,"project_id":481,"created_at":"2024-01-26T23:29:14.646295Z","deleted":false},{"name":"Brewsy","cloudinary_id":"vfcsv2aouksqwqomiift","resource_type":"image","id":794,"project_id":481,"created_at":"2024-01-26T23:29:14.645115Z","deleted":false},{"name":"Deathfang ","cloudinary_id":"cfodw0tumfzbin6quti9","resource_type":"image","id":793,"project_id":481,"created_at":"2024-01-26T23:29:14.643932Z","deleted":false},{"name":"arrow_left","cloudinary_id":"qzw218pxs2zqzj8bzrpl","resource_type":"image","id":792,"project_id":481,"created_at":"2024-01-26T23:29:14.642670Z","deleted":false}],"messages_sent":4,"comments":[{"content":"❤️","id":451,"user_id":4,"user":{"photo":null,"email":null,"recess_id":"803a180d-df5e-dbf8-2d4b-a79d02b6dad5","created_at":"2023-12-11T22:20:59.207232Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"pandahbomb","id":4,"password_hash":null,"updated_at":"2023-12-11T22:20:59.207234Z","reset_token_expiry":null,"subscription_status":null},"project_id":481,"created_at":"2024-03-28T23:09:20.804861Z","updated_at":"2024-03-28T23:09:20.804864Z"},{"content":"this is soooooo coooooollll\r\n\r\n","id":454,"user_id":4,"user":{"photo":null,"email":null,"recess_id":"803a180d-df5e-dbf8-2d4b-a79d02b6dad5","created_at":"2023-12-11T22:20:59.207232Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"pandahbomb","id":4,"password_hash":null,"updated_at":"2023-12-11T22:20:59.207234Z","reset_token_expiry":null,"subscription_status":null},"project_id":481,"created_at":"2024-03-29T23:38:59.632806Z","updated_at":"2024-03-29T23:38:59.632808Z"},{"content":"thanks\r\n","id":455,"user_id":4,"user":{"photo":null,"email":null,"recess_id":"803a180d-df5e-dbf8-2d4b-a79d02b6dad5","created_at":"2023-12-11T22:20:59.207232Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"pandahbomb","id":4,"password_hash":null,"updated_at":"2023-12-11T22:20:59.207234Z","reset_token_expiry":null,"subscription_status":null},"project_id":481,"created_at":"2024-03-29T23:39:04.208254Z","updated_at":"2024-03-29T23:39:04.208255Z"},{"content":"i one an oscar today!","id":469,"user_id":4,"user":{"photo":null,"email":null,"recess_id":"803a180d-df5e-dbf8-2d4b-a79d02b6dad5","created_at":"2023-12-11T22:20:59.207232Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"pandahbomb","id":4,"password_hash":null,"updated_at":"2023-12-11T22:20:59.207234Z","reset_token_expiry":null,"subscription_status":null},"project_id":481,"created_at":"2024-04-02T22:51:02.964351Z","updated_at":"2024-04-02T22:51:02.964353Z"},{"content":"*won\r\n\r\n\r\nspelling","id":470,"user_id":4,"user":{"photo":null,"email":null,"recess_id":"803a180d-df5e-dbf8-2d4b-a79d02b6dad5","created_at":"2023-12-11T22:20:59.207232Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"pandahbomb","id":4,"password_hash":null,"updated_at":"2023-12-11T22:20:59.207234Z","reset_token_expiry":null,"subscription_status":null},"project_id":481,"created_at":"2024-04-02T22:51:25.174852Z","updated_at":"2024-04-02T22:51:25.174855Z"}],"steps":[]}