Banana Bread Bonanza

{"name":"Banana Bread Bonanza","description":"Get ready to bake some delicious banana bread! In this fun and interactive game, you'll have the opportunity to mix, bake, and decorate your very own banana bread. Gather the ingredients, follow the recipe, and create the most delectable banana bread to share with your friends!","photo":null,"view_count":3,"fork_count":0,"expires_at":null,"created_at":"2024-02-21T15:38:05.868703Z","updated_at":"2024-02-21T15:38:05.868704Z","user_id":20,"status":"PRIVATE","parent_id":null,"id":703,"user":{"username":"easton","id":20,"password_hash":null,"updated_at":"2023-12-13T22:03:27.288320Z","reset_token_expiry":null,"subscription_status":null,"photo":null,"email":null,"recess_id":"93334261-e433-7134-983b-ed13d90349f5","created_at":"2023-12-13T22:03:27.288318Z","reset_token":null,"stripe_customer_id":null,"seats":null},"code":{"script.js":"let blocks = [];\nlet gridCells = [];\nlet images = {};\nlet ovenImage;\nlet breadImage;\nlet unbakedBreads = [];\nlet ovenTemperature = 0;\nlet tempDisplay, timerDisplay;\nlet ovenTimer = 1;\nlet remainingBakeTime = 0;\nlet isBakingDone = false;\n\nfunction 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\nfunction preload() {\n images.anvil = loadImage('@asset(\"Anvil\")');\n images.bread = loadImage('@asset(\"bread\")');\n images.leaf = loadImage('@asset(\"Diamond\")');\n images.diamond = loadImage('@asset(\"Leaf\")');\n images.beef = loadImage('@asset(\"Potion\")');\n images.potion = loadImage('@asset(\"Beef\")');\n images.sandwich = loadImage('@asset(\"Samich\")');\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\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'];\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 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 let 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 // Replace temperature slider with input\n let tempInput = createInput('200');\n tempInput.parent(ovenControls);\n tempInput.input(function() {\n ovenTemperature = this.value();\n tempDisplay.html(`${ovenTemperature}°C`);\n });\n\n tempDisplay = createP(`${ovenTemperature}°C`)\n .parent(ovenControls);\n\n createP('Time (game minutes)')\n .parent(ovenControls);\n\n // Replace time slider with input\n let timerInput = createInput('10');\n timerInput.parent(ovenControls);\n timerInput.input(function() {\n ovenTimer = this.value();\n timerDisplay.html(`${ovenTimer} Minutes`);\n });\n\n timerDisplay = createP(`${ovenTimer} Minutes`)\n .parent(ovenControls);\n}\n\nfunction bake() {\n console.log(`Baking at ${ovenTemperature} for ${ovenTimer} game minutes`);\n remainingBakeTime = ovenTimer;\n var bakeInterval = setInterval(function () {\n remainingBakeTime--;\n if (remainingBakeTime <= 0) {\n clearInterval(bakeInterval);\n if (unbakedBreads.length > 0) {\n unbakedBreads.pop();\n console.log(\"Baking finished\");\n isBakingDone = true;\n }\n }\n }, 1000);\n}\n\nfunction setTemperature() {\n ovenTemperature = this.value();\n let fahrenheit = ovenTemperature * 9 / 5 + 32;\n tempDisplay.html(fahrenheit + '°F');\n}\n\nfunction setTimer() {\n ovenTimer = this.value();\n timerDisplay.html(ovenTimer + ' Minutes');\n}\n\nfunction mousePressed() {\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 }\n }\n}\n\nfunction mouseReleased() {\n for (let block of blocks) {\n if (block.dragging) {\n let droppedInGrid = false;\n for (let cell of gridCells) {\n let cellHasBlock = false;\n for (let otherBlock of blocks) {\n if (otherBlock !== block) {\n let otherBlockCenterX = otherBlock.x + otherBlock.size / 2;\n let otherBlockCenterY = otherBlock.y + otherBlock.size / 2;\n if (otherBlockCenterX > cell.x && otherBlockCenterX < cell.x + cell.size && otherBlockCenterY > cell.y && otherBlockCenterY < cell.y + cell.size) {\n cellHasBlock = true;\n break;\n }\n }\n }\n if (!cellHasBlock && block.x + block.size > cell.x && block.x < cell.x + cell.size && block.y + block.size > cell.y && block.y < cell.y + cell.size) {\n let centerX = cell.x + cell.size / 2;\n let centerY = cell.y + cell.size / 2;\n block.x = centerX - block.size / 2;\n block.y = centerY - block.size / 2;\n droppedInGrid = true;\n break;\n }\n }\n if (!droppedInGrid) {\n block.x = block.originalX;\n block.y = block.originalY;\n }\n }\n block.dragging = false;\n }\n}\n\nfunction draw() {\n background(220);\n fill(0);\n drawGrid();\n drawBottomGrid();\n for (let block of blocks) {\n if (block.dragging) {\n block.x = mouseX - block.size / 2;\n block.y = mouseY - block.size / 2;\n }\n image(block.image, block.x, block.y, block.size, block.size);\n }\n displayOutputBox();\n if (unbakedBreads.length > 0) {\n image(unbakedBreadImage, 0, 0, width, height);\n } else {\n image(breadImage, 0, 0, 100, 100);\n }\n textSize(32);\n text(\"Remaining Bake Time: \" + remainingBakeTime + \" Seconds\", 10, 50);\n drawClock();\n if (isBakingDone) {\n text(\"Done!\", centerX, centerY);\n isBakingDone = false;\n }\n}\n\nfunction drawGrid() {\n let grid_size = min(width, height) * 0.3;\n let blockSize = grid_size / 3;\n let start_x = (width - grid_size) / 2;\n let start_y = (height - grid_size) / 2 - grid_size;\n strokeWeight(2);\n for (let i = 0; i < 4; i++) {\n let x = start_x + i * blockSize;\n line(x, start_y, x, start_y + grid_size);\n }\n\n for (let j = 0; j < 4; j++) {\n let y = start_y + j * blockSize;\n line(start_x, y, start_x + grid_size, y);\n }\n}\n\nfunction drawBottomGrid() {\n fill(255);\n let bottomGridHeight = height * 0.1;\n let bottomGridWidth = width / 10;\n for (let i = 0; i < 10; i++) {\n rect(i * bottomGridWidth, height - bottomGridHeight, bottomGridWidth, bottomGridHeight);\n }\n}\n\nfunction displayOutputBox() {\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\n let output = '';\n let boxWidth = width * 0.4;\n let boxHeight = height * 0.5;\n let boxX = width - boxWidth;\n let boxY = (height - boxHeight) / 2;\n\n fill('white');\n rect(boxX, boxY, boxWidth, boxHeight);\n\n if (checkForSandwich()) {\n output = 'Sandwich';\n let additionalItems = blockNamesInGrid.filter(name => name !== 'bread' && name !== 'beef');\n if (additionalItems.length > 0) {\n output = additionalItems[0] + ' ' + output;\n }\n image(images.sandwich, boxX, boxY, boxWidth, boxHeight);\n } else {\n fill('black');\n textSize(20);\n text(blockNamesInGrid.join(', '), boxX + 10, boxY + 30);\n }\n\n fill(220);\n}\n\nfunction drawClock() {\n const centerX = width / 2;\n const centerY = height * 0.75;\n const clockRadius = Math.min(centerX, centerY) * 0.1;\n\n noFill();\n strokeWeight(2);\n ellipse(centerX - 500, centerY, clockRadius * 2, clockRadius * 2);\n\n strokeWeight(6);\n\n if (remainingBakeTime > 0) {\n let bakeFraction = remainingBakeTime / ovenTimer;\n let bakeAngle = bakeFraction * 2 * PI;\n line(centerX - 500, centerY, centerX - 500 + clockRadius * 0.6 * sin(bakeAngle - PI / 2), centerY - clockRadius * 0.6 * cos(bakeAngle - PI / 2));\n }\n}\n","style.css":"","index.html":"\n\n\n \n \n Banana Bread Bonanza\n \n\n\n \n \n\n"},"chat_history":[],"assets":[],"messages_sent":0,"comments":[],"steps":[{"instruction":"Show a kitchen background where the baking will take place.","title":"Display kitchen background","created_at":"2024-02-21T15:38:05.876176","project_id":703,"complete":false,"step_number":0,"updated_at":"2024-02-21T15:38:05.876178","id":3714},{"instruction":"Allow the player to interact with different ingredients such as bananas, flour, sugar, etc.","title":"Implement ingredient interaction","created_at":"2024-02-21T15:38:05.876238","project_id":703,"complete":false,"step_number":1,"updated_at":"2024-02-21T15:38:05.876238","id":3715},{"instruction":"Create a system for the player to follow a recipe, adding ingredients in the correct order.","title":"Recipe following mechanics","created_at":"2024-02-21T15:38:05.876281","project_id":703,"complete":false,"step_number":2,"updated_at":"2024-02-21T15:38:05.876281","id":3716},{"instruction":"Simulate the baking process with a timer and visual changes to the bread as it bakes.","title":"Baking simulation","created_at":"2024-02-21T15:38:05.876327","project_id":703,"complete":false,"step_number":3,"updated_at":"2024-02-21T15:38:05.876328","id":3717},{"instruction":"Allow the player to decorate the banana bread with toppings and frosting.","title":"Decorating the banana bread","created_at":"2024-02-21T15:38:05.876367","project_id":703,"complete":false,"step_number":4,"updated_at":"2024-02-21T15:38:05.876368","id":3718},{"instruction":"Implement a scoring system and provide feedback on the quality of the banana bread made by the player.","title":"Scoring and feedback","created_at":"2024-02-21T15:38:05.876408","project_id":703,"complete":false,"step_number":5,"updated_at":"2024-02-21T15:38:05.876409","id":3719}]}