// Note for Rosie AI: The program is too long for you to return the whole thing in your response as you have a character limit, // Please only include the classes in this script that you have made changes to and return the full script of each class you make changes to. class MainMenu extends Phaser.Scene { constructor() { super('MainMenu'); } preload() { this.load.image('logo', 'https://play.rosebud.ai/assets/a sandwich themed hero type logo that says "SANDWICH HERO".png?WazZ'); this.load.audio('slapSound', 'https://play.rosebud.ai/assets/hard-slap-46388.mp3?3sJA'); this.load.audio('startSound', 'https://play.rosebud.ai/assets/punchy-taps-ui-9-183908.mp3?HxT0'); this.load.image('buttonBackground', 'https://play.rosebud.ai/assets/a long rectangle button that looks like a sandwich.png?OhOf'); } create() { // Set the background color to white this.cameras.main.setBackgroundColor('#FFFFFF'); this.slapSoundPlayed = false; // Reset the flag // Add the logo with initial position above the screen and larger scale const logo = this.add.image(640, -300, 'logo').setScale(1.5); // Add a slapping animation to the logo this.tweens.add({ targets: logo, y: 200, scaleX: 0.5, scaleY: 0.5, rotation: 0.05, // Add a slight rotation (about 2.86 degrees) duration: 45, // 45 frames at 60 FPS is equivalent to 750ms ease: 'Back.easeOut', onUpdate: (tween, target, param, value, progress) => { // Ensure the scale doesn't go below the final size if (logo.scaleX < 0.5) { logo.setScale(0.5); } // Play the slap sound when the animation is about 40% complete if (tween.progress > 0.4 && !this.slapSoundPlayed) { this.sound.play('slapSound', { volume: 0.2 }); this.slapSoundPlayed = true; } }, onComplete: () => { // Add a small bounce and tilt effect after the slap this.tweens.add({ targets: logo, scaleX: 0.55, scaleY: 0.55, rotation: -0.02, // Slightly tilt back duration: 6, // 6 frames at 60 FPS is equivalent to 100ms yoyo: true, repeat: 1, onComplete: () => { // Final subtle tilt this.tweens.add({ targets: logo, rotation: 0.01, // Settle at a slight tilt duration: 12, // 12 frames at 60 FPS is equivalent to 200ms ease: 'Sine.easeInOut' }); } }); } }); // Create a container for the button const buttonContainer = this.add.container(640, 500); // Add the button background image const buttonBackground = this.add.image(0, 0, 'buttonBackground'); buttonBackground.setScale(0.25); // Reduced from 0.5 to 0.25 // Create a graphics object for the button stroke const buttonStroke = this.add.graphics(); buttonStroke.lineStyle(4, 0x003366, 1); buttonStroke.strokeRoundedRect(-buttonBackground.width * 0.25 / 2, -buttonBackground.height * 0.25 / 2, buttonBackground.width * 0.25, buttonBackground.height * 0.25, 16); // Add the start button text const startText = this.add.text(0, 0, 'Start Game', { fontFamily: 'Arial', fontSize: '24px', color: '#ffffff', fontWeight: 'bold', stroke: '#003366', // Adjusted to a darker blue with a slight greenish tint strokeThickness: 4 // Adjust this value to change the stroke thickness }).setOrigin(0.5); // Add all elements to the container buttonContainer.add([buttonStroke, buttonBackground, startText]); // Make the container interactive buttonContainer.setSize(buttonBackground.width * 0.25, buttonBackground.height * 0.25); buttonContainer.setInteractive({ useHandCursor: true }); // Set initial alpha to 0 (invisible) buttonContainer.setAlpha(0); // Fade in the button container after a delay this.tweens.add({ targets: buttonContainer, alpha: 1, duration: 60, // 60 frames at 60 FPS is equivalent to 1000ms ease: 'Linear', delay: 60 // 60 frames delay at 60 FPS is equivalent to 1000ms }); // Add hover effect to the button buttonContainer.on('pointerover', () => { buttonBackground.setTint(0xdddddd); }); buttonContainer.on('pointerout', () => { buttonBackground.clearTint(); }); // Start the game when the button is clicked buttonContainer.on('pointerdown', () => { this.sound.play('startSound', { volume: 0.08 }); this.scene.start('SandwichJockey'); }); } } class SandwichJockey extends Phaser.Scene { constructor() { super('SandwichJockey'); this.INITIAL_ORDER_TIME = 90; // Initial time for orders (2 minutes) this.INITIAL_READY_TIME = 10; // Initial ready to order time (2 minutes) this.MAX_FRUSTRATION = 120; // 2 minute in seconds this.frustration = 0; this.frustrationMeter = null; this.frustrationText = null; this.MIN_ORDER_TIME = 60; // Minimum time for orders (1 minute) this.MIN_READY_TIME = 5; // Minimum ready to order time (1 minute) this.completedOrders = 0; // Track number of completed orders this.difficultyLevel = 0; // Track current difficulty level this.TOTAL_ORDER_TIME = this.INITIAL_ORDER_TIME; // Current order time this.READY_ORDER_TIME = this.INITIAL_READY_TIME; // Current ready to order time this.assembledIngredients = []; // Array to store assembled ingredients this.ORDER_COUNTDOWN_TIME = 30; // 2 minutes in seconds this.orderCountdown = null; // Will store the countdown time this.orderCountdownText = null; // Will store the countdown text object this.devMenuVisible = false; this.score = 0; // Initialize score this.scoreText = null; // Will store the score text object this.activeNotifications = []; // Array to track active notifications this.inventory = { 'White Bread': 10, 'Wheat Bread': 10, 'Rye Bread': 10, 'Ham': 20, 'Turkey': 20, 'Roast Beef': 20, 'Bacon': 20, 'Cheddar': 15, 'Swiss': 15, 'Provolone': 15, 'Lettuce': 25, 'Tomato': 25, 'Cucumber': 25, 'Onion': 25, 'Pickle': 25, 'Mayo': 20, 'Mustard': 20, 'Ranch': 20, 'Ketchup': 20 }; this.money = 0; // Initialize player's money this.score = 0; // Initialize score // New: Array to store available customer images this.availableCustomerImages = ['customer', 'customer1', 'customer2', 'customer3', 'customer4', 'customer5', 'customer6']; // New: Arrays for different ingredient categories this.breads = ['White Bread', 'Wheat Bread', 'Rye Bread']; this.meats = ['Ham', 'Turkey', 'Roast Beef', 'Bacon']; this.cheeses = ['Cheddar', 'Swiss', 'Provolone']; this.veggies = ['Lettuce', 'Tomato', 'Cucumber', 'Onion', 'Pickle']; this.sauces = ['Mayo', 'Mustard', 'Ranch', 'Ketchup']; this.lowStockThreshold = 6; // Define a threshold for low stock this.lowStockAlerts = null; // Will hold the text objects for low stock alerts this.orderInventoryButton = null; // Will hold the Order Inventory button // New: Add a property to track the flashing state this.isFlashing = false; // Add a new property to track if a wrong order notification has been shown this.wrongOrderNotificationShown = false; // Add a new property to track the last wrong order notification time this.lastWrongOrderNotificationTime = 0; } calculateOrderTime() { const decrease = Math.min(this.difficultyLevel * 5, this.INITIAL_ORDER_TIME - this.MIN_ORDER_TIME); return Math.max(this.INITIAL_ORDER_TIME - decrease, this.MIN_ORDER_TIME); } calculateReadyTime() { const decrease = Math.min(this.difficultyLevel * 5, this.INITIAL_READY_TIME - this.MIN_READY_TIME); return Math.max(this.INITIAL_READY_TIME - decrease, this.MIN_READY_TIME); } updateDifficulty() { this.completedOrders++; this.difficultyLevel = Math.floor(this.completedOrders / 5); // Increase difficulty every 5 orders this.TOTAL_ORDER_TIME = this.calculateOrderTime(); this.READY_ORDER_TIME = this.calculateReadyTime(); } updateMoneyDisplay() { if (this.moneyText) { this.moneyText.setText(`$${this.money.toFixed(2)}`); // Ensure the money text stays on top with an extremely high depth this.moneyText.setDepth(1000000); // Ensure the money text stays in the correct position this.moneyText.setPosition(1230, 700); } } updateScore() { this.score++; if (this.scoreText) { this.scoreText.setText(`Score: ${this.score}`); } } preload() { this.load.image('customer', 'https://play.rosebud.ai/assets/A simple cartoon-style customer head with a neutral expression.png?r2XC'); this.load.image('particle', 'https://play.rosebud.ai/assets/A small white pixel for particle effects.png?abcd'); this.load.image('microwave', 'https://play.rosebud.ai/assets/microwave.png?WJlZ'); this.load.image('oven', 'https://play.rosebud.ai/assets/oven.png?UxiP'); this.load.image('toaster', 'https://play.rosebud.ai/assets/toaster.png?UrVW'); this.load.image('bag', 'https://play.rosebud.ai/assets/A bag for a sports themed sandwich store caled "Sandwich Jockey\'s".png?KTKn'); this.load.image('trashcan', 'https://play.rosebud.ai/assets/A cartoon-style trashcan icon.png?bHd5'); // Load placeholder images for each ingredient this.load.image('white-bread', 'https://play.rosebud.ai/assets/Top-down view of a slice of white bread.png?TSxD'); this.load.image('wheat-bread', 'https://play.rosebud.ai/assets/Top-down view of a slice of rye bread.png?WpAz'); this.load.image('rye-bread', 'https://play.rosebud.ai/assets/Top-down view of a slice of rye swirl bread.png?zRDX'); this.load.image('lettuce', 'https://play.rosebud.ai/assets/Top-down view of a single leaf of iceburg lettuce.png?uU38'); this.load.image('tomato', 'https://play.rosebud.ai/assets/Top-down view of a single tomato slice.png?yUIH'); this.load.image('cucumber', 'https://play.rosebud.ai/assets/Top-down view of a single cucumber slice.png?22gG'); this.load.image('onion', 'https://play.rosebud.ai/assets/Top-down view of a single raw onion ring.png?Luju'); this.load.image('pickle', 'https://play.rosebud.ai/assets/Top-down view of a single hamburger pickle slice.png?enAL'); this.load.image('cheddar', 'https://play.rosebud.ai/assets/Top-down view of a single cheddar cheese square slice.png?UVfd'); this.load.image('swiss', 'https://play.rosebud.ai/assets/Top-down view of a single swiss cheese square slice.png?IPuZ'); this.load.image('provolone', 'https://play.rosebud.ai/assets/Top-down view of a single swiss cheese circle slice.png?Ep9s'); this.load.image('ham', 'https://play.rosebud.ai/assets/Top-down view of a single ham circle slice.png?ZuTv'); this.load.image('turkey', 'https://play.rosebud.ai/assets/Top-down view of a single slice of turkey lunchmeat.png?KZ0X'); this.load.image('roast-beef', 'https://play.rosebud.ai/assets/Top-down view of a single slice of roast beeflunchmeat.png?q8Mr'); this.load.image('bacon', 'https://play.rosebud.ai/assets/Top-down view of a single slice of bacon lunchmeat.png?TbV3'); this.load.image('mayo', 'https://play.rosebud.ai/assets/Top-down view of a dollop of ranch dressing.png?wXLb'); this.load.image('mustard', 'https://play.rosebud.ai/assets/a splatted squirt of mustard.png?TkhH'); this.load.image('ranch', 'https://play.rosebud.ai/assets/a splatted squirt ofmayonaise.png?mSIb'); this.load.image('ketchup', 'https://play.rosebud.ai/assets/a splatted squirt of ketchup.png?0tAK'); this.load.image('order-clipboard', 'https://play.rosebud.ai/assets/A checklist clipboard paper that says "orders" as a headline and then has a bunch of squiggly lines to look like text.png?Uwiy'); // Load 6 new customer characters this.load.image('customer1', 'https://play.rosebud.ai/assets/A cartoon-style customer head with glasses and a mustache.png?qv2s'); this.load.image('customer2', 'https://play.rosebud.ai/assets/A cartoon-style customer head with short spiky hair and a piercing.png?74J6'); this.load.image('customer3', 'https://play.rosebud.ai/assets/A cartoon-style customer head with long hair and earrings.png?xDAj'); this.load.image('customer4', 'https://play.rosebud.ai/assets/A cartoon-style customer head with a baseball cap and a smile.png?pTQk'); this.load.image('customer5', 'https://play.rosebud.ai/assets/A cartoon-style customer head with curly hair and freckles.png?lQRz'); this.load.image('customer6', 'https://play.rosebud.ai/assets/A cartoon-style customer head with a beard and a serious expression.png?DinT'); // Load audio files this.load.audio('clickSound', 'https://play.rosebud.ai/assets/click-buttons-ui-menu-sounds-effects-button-2-203594.mp3?Nd9j'); this.load.audio('backgroundMusic', 'https://play.rosebud.ai/assets/Sanwich hero music.mp3?q2Dn'); } create() { this.resetGame(); // Set the background color to a light color this.cameras.main.setBackgroundColor('#F0F0F0'); this.clearButton = null; this.bagItUpButton = null; // Add mute/unmute button this.isMuted = false; this.muteButton = this.add.text(1260, 20, '🔊', { fontSize: '32px' }).setOrigin(1, 0).setInteractive({ useHandCursor: true }); this.muteButton.on('pointerdown', () => { this.isMuted = !this.isMuted; if (this.isMuted) { this.sound.mute = true; this.muteButton.setText('🔇'); } else { this.sound.mute = false; this.muteButton.setText('🔊'); } }); // Create frustration label this.frustrationText = this.add.text(10, 15, 'FRUSTRATION', { fontFamily: 'Arial', fontSize: '16px', color: '#000000', fontStyle: 'bold' }).setOrigin(0, 0.5); // Initialize sounds this.clickSound = this.sound.add('clickSound'); this.backgroundMusic = this.sound.add('backgroundMusic', { loop: true, volume: 0.08 }); // Play background music this.backgroundMusic.play(); // Add click sound to all interactive objects this.input.on('gameobjectdown', (pointer, gameObject) => { if (gameObject.input && gameObject.input.enabled) { this.clickSound.play(); } }); // Listen for scene shutdown this.events.on('shutdown', this.handleShutdown, this); // Create frustration meter const meterStartX = this.frustrationText.x + this.frustrationText.width + 10; // 10 pixels gap const meterWidth = 600; // Reduced width for the frustration meter this.frustrationMeter = this.add.rectangle(meterStartX, 15, 0, 20, 0x00FF00); this.frustrationMeter.setOrigin(0, 0.5); this.frustrationMeter.setStrokeStyle(2, 0x000000); // Add a background for the meter to show its full length this.frustrationMeterBackground = this.add.rectangle(meterStartX, 15, meterWidth, 20, 0xCCCCCC); this.frustrationMeterBackground.setOrigin(0, 0.5); this.frustrationMeterBackground.setStrokeStyle(2, 0x000000); this.frustrationMeterBackground.setDepth(this.frustrationMeter.depth - 1); // Add frustration percentage text this.frustrationPercentText = this.add.text(meterStartX + meterWidth / 2, 15, '0%', { fontFamily: 'Arial', fontSize: '16px', color: '#000000', fontStyle: 'bold' }).setOrigin(0.5).setDepth(this.frustrationMeter.depth + 1); // Initialize customers array this.customerSlots = [null, null]; // Two slots for customers // Initialize ingredient order timer this.ingredientOrderTimer = null; this.ingredientOrderCountdown = null; // Kitchen Display System (KDS) this.kdsArea = this.add.rectangle(180, 300, 320, 480, 0xFFFFFF); this.kdsArea.setStrokeStyle(2, 0x000000); this.add.text(180, 40, 'Orders', { fontFamily: 'Arial', fontSize: '20px', color: '#000000' }).setOrigin(0.5); this.orderCards = []; this.nextOrderNumber = 1; // Add money display in the bottom right corner of the ingredient tray this.moneyText = this.add.text(1230, 700, `$${this.money.toFixed(2)}`, { fontFamily: 'Arial', fontSize: '28px', color: '#00FF00', fontStyle: 'bold', stroke: '#000000', strokeThickness: 4 }).setOrigin(1, 1).setDepth(1000000); // Set an extremely high depth // Create a container for the KDS content this.kdsContainer = this.add.container(180, 60); // Moved up to align with the top of the KDS area // Create a mask for the KDS area const mask = this.make.graphics(); mask.fillStyle(0xffffff); mask.fillRect(20, 60, 320, 480); // Adjusted mask to start from y=60 // Apply the mask to the KDS container this.kdsContainer.setMask(mask.createGeometryMask()); // Enable input events on the KDS area for scrolling this.kdsArea.setInteractive(); this.input.setDraggable(this.kdsArea); let dragStartY = 0; let isDragging = false; const dragThreshold = 5; // Add scroll wheel functionality this.input.on('wheel', (pointer, gameObjects, deltaX, deltaY, deltaZ) => { if (this.isScrollingEnabled() && this.kdsArea.getBounds().contains(pointer.x, pointer.y)) { const newY = Phaser.Math.Clamp( this.kdsContainer.y - deltaY, -this.getTotalOrdersHeight() + 480, 80 ); this.kdsContainer.y = Phaser.Math.Linear(this.kdsContainer.y, newY, 0.5); } }); this.input.on('dragstart', (pointer, gameObject) => { if (this.isScrollingEnabled() && gameObject === this.kdsArea) { dragStartY = pointer.y; isDragging = false; } }); this.input.on('drag', (pointer, gameObject, dragX, dragY) => { if (this.isScrollingEnabled() && gameObject === this.kdsArea) { if (!isDragging) { if (Math.abs(pointer.y - dragStartY) > dragThreshold) { isDragging = true; } else { return; } } const deltaY = pointer.y - pointer.prevPosition.y; const newY = Phaser.Math.Clamp( this.kdsContainer.y + deltaY, -this.getTotalOrdersHeight() + 480, 80 ); this.kdsContainer.y = Phaser.Math.Linear(this.kdsContainer.y, newY, 0.5); } }); this.input.on('dragend', (pointer, gameObject) => { if (gameObject === this.kdsArea) { isDragging = false; } }); // Ingredient Tray this.ingredientTray = this.add.rectangle(640, 640, 1200, 120, 0xDDDDDD); this.ingredientTray.setStrokeStyle(2, 0x000000); // Assembly Area this.assemblyArea = this.add.rectangle(640, 295, 560, 480, 0xFFFFFF); this.assemblyArea.setStrokeStyle(2, 0x000000); this.add.text(640, 38, 'Assembly Area', { // Changed y-coordinate from 35 to 55 fontFamily: 'Arial', fontSize: '24px', color: '#000000' }).setOrigin(0.5); // Create a container for assembled ingredients // Position it at the top middle of the assembly area, but moved down a bit more this.assemblyContainer = this.add.container(640, 185); // Cooking Area this.cookingArea = this.add.rectangle(640, 420, 560, 240, 0xFFFFC0); // Slightly yellow color this.cookingArea.setStrokeStyle(2, 0x000000); this.cookingArea.setAlpha(0.5); // Make it semi-transparent // Grey overlay for cooking area const greyOverlay = this.add.rectangle(640, 420, 560, 240, 0x808080); greyOverlay.setAlpha(0.5); // "COMING SOON!" text in orange box const comingSoonBox = this.add.rectangle(640, 420, 200, 50, 0xFFA500); const comingSoonText = this.add.text(640, 420, 'COMING SOON!', { fontFamily: 'Arial', fontSize: '24px', color: '#FFFFFF', fontStyle: 'bold' }).setOrigin(0.5); this.add.text(640, 310, 'Cooking Area', { // Adjusted Y position for the text fontFamily: 'Arial', fontSize: '20px', color: '#000000' }).setOrigin(0.5); // Add cooking appliances (now semi-transparent due to the overlay) const applianceScale = 0.15; // Reduced scale to make appliances smaller const microwave = this.add.image(480, 420, 'microwave').setScale(applianceScale); const oven = this.add.image(640, 420, 'oven').setScale(applianceScale); const toaster = this.add.image(800, 420, 'toaster').setScale(applianceScale); // Make appliances non-interactive [microwave, oven, toaster].forEach(appliance => { appliance.setAlpha(0.5); }); // Customer Area this.customerArea = this.add.rectangle(1100, 300, 320, 480, 0xEEEEEE); this.customerArea.setStrokeStyle(2, 0x000000); this.add.text(1100, 40, 'Customers', { fontFamily: 'Arial', fontSize: '20px', color: '#000000' }).setOrigin(0.5); // Add score display this.scoreText = this.add.text(1100, 560, 'Score: 0', { fontFamily: 'Arial', fontSize: '24px', color: '#FFD700', stroke: '#000000', strokeThickness: 2 }).setOrigin(0.5); // Initialize ingredient tabs this.initIngredientTabs(); // Display ingredients (now only for the first tab) this.displayIngredients(0); // Trigger customer appearance after a delay this.time.delayedCall(2000, this.spawnCustomer, [], this); // Create a container for low stock alerts this.lowStockAlerts = this.add.container(120, 640); // Check for low stock items this.checkLowStockItems(); // Create the Order Inventory button this.createOrderInventoryButton(); } // New method to create the Order Inventory button createOrderInventoryButton() { this.orderInventoryButton = this.add.image(80, 680, 'order-clipboard') .setOrigin(0, 1) .setScale(0.1) // Adjust scale as needed .setInteractive({ useHandCursor: true }) .on('pointerdown', () => this.openOrderInventory()); this.orderInventoryText = this.add.text(80, 690, 'Order Inventory', { fontFamily: 'Arial', fontSize: '14px', color: '#000000' }).setOrigin(0, 1); // Initially enable the order inventory button this.setOrderInventoryButtonState(true); } addIngredientToAssembly(ingredientKey) { const ingredientName = this.getIngredientNameFromKey(ingredientKey); if (this.inventory[ingredientName] > 0) { const ingredient = this.add.image(0, 0, ingredientKey); // Reduce inventory by 1 when ingredient is used this.inventory[ingredientName]--; const isVeggie = ['tomato', 'cucumber', 'onion', 'pickle'].includes(ingredientKey); const isLettuce = ingredientKey === 'lettuce'; const isSauce = ['mayo', 'mustard', 'ranch', 'ketchup'].includes(ingredientKey); const isCheese = ['cheddar', 'swiss', 'provolone'].includes(ingredientKey); let size; if (isLettuce) { size = { width: 150, height: 110 }; // Keep lettuce at original size } else if (isVeggie || isSauce) { size = { width: 75, height: 55 }; // Half size for veggies and sauces } else if (isCheese) { size = { width: 120, height: 88 }; // 80% of original size for cheeses } else { size = { width: 150, height: 110 }; // Original size for other ingredients } ingredient.setDisplaySize(size.width, size.height); ingredient.isVeggie = isVeggie || isLettuce; ingredient.isLettuce = isLettuce; ingredient.isSauce = isSauce; ingredient.isCheese = isCheese; this.assembledIngredients.push(ingredient); this.assemblyContainer.add(ingredient); this.updateAssemblyDisplay(); if (this.assembledIngredients.length === 1) { this.addAssemblyButtons(); } // Show the Top Bun button this.topBunButton.setVisible(true); this.topBunText.setVisible(true); // Update the displayed inventory count immediately this.updateInventoryDisplay(ingredientName); } else { this.showMessage("Out of stock!"); } } showTopDownNotification(message, type = 'neutral', isPermanent = false) { const notificationHeight = 50; const notificationWidth = 400; const animationDuration = 500; // milliseconds // Calculate the Y position for the new notification let startY = -notificationHeight/2; if (this.activeNotifications.length > 0) { const lastNotification = this.activeNotifications[this.activeNotifications.length - 1]; startY = lastNotification.y + lastNotification.height + 5; // 5 pixels gap between notifications } // Create container for notification const container = this.add.container(640, startY); // Determine background color based on message type let bgColor; switch(type) { case 'error': bgColor = 0xFF0000; // Red break; case 'success': bgColor = 0x00FF00; // Green break; default: bgColor = 0x808080; // Gray (neutral) } // Create background const background = this.add.rectangle(0, 0, notificationWidth, notificationHeight, bgColor); background.setAlpha(0.8); // Create white text const text = this.add.text(0, 0, message, { fontFamily: 'Arial', fontSize: '18px', color: '#FFFFFF', align: 'center', wordWrap: { width: notificationWidth - 20 } }).setOrigin(0.5); // Add background and text to container container.add([background, text]); // Set the depth to ensure it appears on top of other game elements container.setDepth(1000000); // Animate the notification coming down this.tweens.add({ targets: container, y: this.activeNotifications.length * (notificationHeight + 5) + notificationHeight/2, duration: animationDuration, ease: 'Back.easeOut', onComplete: () => { if (!isPermanent) { // After animation, wait for 2 seconds then animate back up this.time.delayedCall(2000, () => { this.removeNotification(container); }); } else { // For permanent notifications, add a close button const closeButton = this.add.text(notificationWidth / 2 - 15, 0, 'X', { fontFamily: 'Arial', fontSize: '18px', color: '#FFFFFF' }).setOrigin(0.5); closeButton.setInteractive({ useHandCursor: true }); closeButton.on('pointerdown', () => { this.removeNotification(container); }); container.add(closeButton); } } }); this.activeNotifications.push(container); return container; } removeNotification(container) { const index = this.activeNotifications.indexOf(container); if (index !== -1) { this.tweens.add({ targets: container, y: -container.height/2, duration: 500, ease: 'Back.easeIn', onComplete: () => { container.destroy(); this.activeNotifications.splice(index, 1); // We're not calling arrangeActiveNotifications here anymore } }); } } getIngredientNameFromKey(key) { // Convert the key back to the original ingredient name return key.split('-').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(' '); } updateInventoryDisplay(ingredientName) { // Find all inventory texts for the given ingredient and update them const inventoryTexts = this.ingredientContainer.list.filter(item => item.text && item.name === ingredientName ); inventoryTexts.forEach(inventoryText => { inventoryText.setText(`${this.inventory[ingredientName]}`); this.updateInventoryCountColor(inventoryText, this.inventory[ingredientName]); }); } updateInventoryCountColor(inventoryText, inventoryLevel) { let backgroundColor; if (inventoryLevel > 10) { backgroundColor = 0x4CAF50; // Green for high inventory } else if (inventoryLevel > 5) { backgroundColor = 0xFFA500; // Orange for medium inventory } else { backgroundColor = 0xFF0000; // Red for low inventory } inventoryText.setStyle({ backgroundColor: backgroundColor }); } addAssemblyButtons() { const baseButtonStyle = { fontFamily: 'Arial', fontSize: '16px', color: '#FFFFFF', padding: { x: 10, y: 5 } }; const bagItUpButtonStyle = { ...baseButtonStyle, backgroundColor: '#00FF00' // Green color for Bag It Up button }; this.trashcanIcon = this.add.image(390, 270, 'trashcan') .setScale(0.07) // Increased scale for a bigger icon .setInteractive({ useHandCursor: true }) .on('pointerdown', () => this.clearAssembly()) .on('pointerover', () => { this.trashcanIcon.setTint(0xDDDDDD); this.showTrashcanPopup(); }) .on('pointerout', () => { this.trashcanIcon.clearTint(); this.hideTrashcanPopup(); }); // Create the popup text (initially hidden) this.trashcanPopup = this.add.text(390, 240, 'Throw away', { fontFamily: 'Arial', fontSize: '16px', backgroundColor: '#000000', color: '#ffffff', padding: { x: 5, y: 2 } }).setOrigin(0.5).setVisible(false); this.bagItUpButton = this.add.text(640, 280, 'BAG IT UP', bagItUpButtonStyle) .setOrigin(0.5) .setInteractive({ useHandCursor: true }) .on('pointerdown', () => this.bagItUp()); } showTrashcanPopup() { this.trashcanPopup.setVisible(true); } hideTrashcanPopup() { this.trashcanPopup.setVisible(false); } removeAssemblyButtons() { if (this.trashcanIcon) { this.trashcanIcon.destroy(); this.trashcanIcon = null; } if (this.trashcanPopup) { this.trashcanPopup.destroy(); this.trashcanPopup = null; } if (this.bagItUpButton) { this.bagItUpButton.destroy(); this.bagItUpButton = null; } } clearAssembly() { this.assembledIngredients.forEach(ingredient => ingredient.destroy()); this.assembledIngredients = []; this.updateAssemblyDisplay(); // Hide the Top Bun button this.topBunButton.setVisible(false); this.topBunText.setVisible(false); } undoAssembly() { if (this.assembledIngredients.length > 0) { const lastIngredient = this.assembledIngredients.pop(); lastIngredient.destroy(); this.updateAssemblyDisplay(); // Hide the Top Bun button if there are no ingredients left if (this.assembledIngredients.length === 0) { this.topBunButton.setVisible(false); this.topBunText.setVisible(false); } } } tweenIngredients() { return new Promise((resolve) => { if (this.assembledIngredients.length <= 1) { resolve(); return; } const firstIngredient = this.assembledIngredients[0]; const tweens = []; for (let i = 1; i < this.assembledIngredients.length; i++) { const ingredient = this.assembledIngredients[i]; tweens.push({ targets: ingredient, x: firstIngredient.x, y: firstIngredient.y, duration: 150, ease: 'Power2' }); } this.tweens.timeline({ tweens: tweens, onComplete: () => { resolve(); } }); }); } bagItUp() { if (this.assembledIngredients.length > 0) { console.log('Attempting to bag up sandwich...'); const assembledKeys = this.assembledIngredients.map(ing => ing.texture.key); console.log('Assembled ingredients:', JSON.stringify(assembledKeys, null, 2)); // Tween ingredients before bagging this.tweenIngredients().then(() => { if (this.orderCards.length === 0) { console.log('No orders available. Creating a bag anyway.'); this.createBag(-1, "Custom"); return; } console.log('Available orders:'); this.orderCards.forEach((orderCard, index) => { const orderNumber = orderCard.container.list.find(item => item.type === 'Text' && item.text.startsWith('#')).text; console.log(`${orderNumber}:`, JSON.stringify(orderCard, null, 2)); }); // Check if the assembled ingredients match any current order let matchingOrderIndex = -1; let matchingOrderNumber = ''; for (let i = 0; i < this.orderCards.length; i++) { const orderCard = this.orderCards[i]; const orderNumber = orderCard.container.list.find(item => item.type === 'Text' && item.text.startsWith('#')).text; console.log(`Checking against ${orderNumber}:`); // Extract the order details from the order card const orderDetails = { main: orderCard.container.list.find(item => item.type === 'Text' && !item.text.startsWith('- ')).text, ingredients: orderCard.container.list .filter(item => item.type === 'Text' && item.text.startsWith('- ')) .map(item => item.text.substring(2)) }; if (this.checkOrder(this.assembledIngredients, orderDetails)) { matchingOrderIndex = i; matchingOrderNumber = orderNumber; console.log(`Match found with ${orderNumber}`); break; } else { console.log(`No match with ${orderNumber}`); } } // Create a bag regardless of whether there's a matching order this.createBag(matchingOrderIndex, matchingOrderIndex !== -1 ? matchingOrderNumber : "Custom"); }); } } createBag(matchingOrderIndex, orderNumber) { // Create a yellow glow effect using particles const particles = this.add.particles('particle'); const emitter = particles.createEmitter({ x: 640, y: 180, speed: { min: -20, max: 20 }, scale: { start: 0.1, end: 0 }, blendMode: 'ADD', lifespan: 1000, tint: 0xffff00 }); // Create a bag image const bag = this.add.image(640, 180, 'bag').setScale(0.2); // Make the bag draggable bag.setInteractive({ draggable: true }); // Store the matching order index and assembled ingredients bag.matchingOrderIndex = matchingOrderIndex; bag.assembledIngredients = [...this.assembledIngredients]; console.log(`Created bag for order ${orderNumber}`); // Set up drag events this.input.setDraggable(bag); this.input.on('drag', (pointer, gameObject, dragX, dragY) => { gameObject.x = dragX; gameObject.y = dragY; emitter.setPosition(dragX, dragY); }); this.input.on('dragend', (pointer, gameObject) => { this.checkBagDelivery(gameObject); emitter.stop(); }); // Create a bouncing animation this.tweens.add({ targets: bag, y: 160, duration: 200, ease: 'Bounce.easeOut', yoyo: true }); // Hide the assembled ingredients this.assembledIngredients.forEach(ingredient => ingredient.setVisible(false)); // Clear the assembly array (but keep the actual objects for potential reuse) this.assembledIngredients = []; // Remove assembly buttons this.removeAssemblyButtons(); // Stop the particle emitter after 2 seconds this.time.delayedCall(2000, () => { emitter.stop(); }); // Add "(Drag & Drop)" text underneath the bag const dragDropText = this.add.text(640, 240, '(Drag & Drop)', { fontFamily: 'Arial', fontSize: '18px', color: '#000000', fontStyle: 'bold' }).setOrigin(0.5); // Group the bag and text together const bagGroup = this.add.container(0, 0, [bag, dragDropText]); bagGroup.setSize(bag.width, bag.height + 60); // Make the entire group draggable bagGroup.setInteractive({ draggable: true }); this.input.setDraggable(bagGroup); // Update drag events to use the group this.input.on('drag', (pointer, gameObject, dragX, dragY) => { if (gameObject === bagGroup) { gameObject.x = dragX; gameObject.y = dragY; emitter.setPosition(dragX, dragY - 20); // Adjust particle position } }); this.input.on('dragend', (pointer, gameObject) => { if (gameObject === bagGroup) { this.checkBagDelivery(bag, dragDropText); // Pass dragDropText to checkBagDelivery emitter.stop(); } }); // Show the drag and drop text only when the bag is visible dragDropText.setVisible(true); // Add event listener for when the bag is destroyed bag.on('destroy', () => { dragDropText.destroy(); }); } handleSuccessfulOrder(matchingOrderIndex) { console.log(`Handling successful order for index ${matchingOrderIndex}`); // Add your logic here to handle the successful order // For example, remove the order card, update score, etc. this.showMessage("Order completed successfully!"); // Clear the assembled ingredients this.clearAssembly(); // Remove the matched order card if (this.orderCards[matchingOrderIndex]) { this.orderCards[matchingOrderIndex].container.destroy(); this.orderCards.splice(matchingOrderIndex, 1); this.repositionCards(); } } // Replace the old showMessage function with this one showMessage(message) { this.showTopDownNotification(message); } checkBagDelivery(bag, dragDropText) { for (let i = 0; i < this.customerSlots.length; i++) { const customer = this.customerSlots[i]; if (customer && customer.orderIndex !== -1) { const customerBounds = customer.customerHead.getBounds(); if (Phaser.Geom.Intersects.RectangleToRectangle(bag.getBounds(), customerBounds)) { if (bag.matchingOrderIndex === -1) { // Custom order, handle as incorrect delivery this.handleOrderDelivery(i, false); } else if (customer.orderIndex === bag.matchingOrderIndex) { // Correct customer and order, handle successful delivery this.handleOrderDelivery(i, true); } else { // Wrong customer this.handleOrderDelivery(i, false); } // Destroy the bag and its associated text if (dragDropText) { dragDropText.destroy(); } bag.destroy(); return; } } } // If not delivered to any customer, return the bag to the assembly area this.returnBagToAssembly(bag, dragDropText); } returnBagToAssembly(bag, dragDropText) { this.tweens.add({ targets: [bag, dragDropText], x: 640, y: 180, duration: 500, ease: 'Power2', onComplete: () => { // Return ingredients to the assembly area bag.assembledIngredients.forEach(ingredient => { ingredient.setVisible(true); this.assemblyContainer.add(ingredient); }); this.assembledIngredients = bag.assembledIngredients; this.updateAssemblyDisplay(); // Destroy the bag and its text if (dragDropText) { dragDropText.destroy(); } bag.destroy(); // Add assembly buttons back this.addAssemblyButtons(); } }); } checkOrder(assembledIngredients, order) { console.log('Checking order:', JSON.stringify(order, null, 2)); console.log('Assembled ingredients:', JSON.stringify(assembledIngredients, null, 2)); // Check if order is the correct object and extract ingredients let orderIngredients; if (order && typeof order === 'object') { if (Array.isArray(order.ingredients)) { orderIngredients = order.ingredients; } else if (order.main && typeof order.main === 'string') { // If we're dealing with the order card object instead of the order itself const mainItemText = this.kdsContainer.list.find(item => item.type === 'Text' && item.text === order.main ); if (mainItemText) { const ingredientTexts = this.kdsContainer.list.filter(item => item.type === 'Text' && item.text.startsWith('- ') && item.y > mainItemText.y ); orderIngredients = ingredientTexts.map(text => text.text.substring(2)); } } } if (!orderIngredients) { console.error('Invalid order structure:', order); return false; } console.log('Order ingredients:', orderIngredients); const requiredIngredients = orderIngredients.map(ing => this.normalizeIngredientName(ing)); const assembledKeys = assembledIngredients.map(ing => this.normalizeIngredientName(ing.texture.key)); console.log('Required ingredients:', requiredIngredients); console.log('Assembled keys:', assembledKeys); // Check if all required ingredients are present for (let requiredIng of requiredIngredients) { if (!assembledKeys.includes(requiredIng)) { console.log(`Missing ingredient: ${requiredIng}`); return false; } } // Check if there are no extra ingredients if (assembledKeys.length > requiredIngredients.length) { console.log('Extra ingredients found'); return false; } console.log('Order is correct!'); return true; } normalizeIngredientName(name) { // Convert to lowercase and replace spaces with hyphens name = name.toLowerCase().replace(/\s+/g, '-'); // Remove 'cheese' from cheese names name = name.replace('-cheese', ''); // Handle other specific cases if (name === 'mayonnaise') name = 'mayo'; if (name === 'barbecue-sauce') name = 'bbq-sauce'; return name; } handleOrderDelivery(slotIndex, isCorrect) { const customer = this.customerSlots[slotIndex]; if (customer && customer.orderIndex !== -1) { if (isCorrect) { customer.customerHead.setTint(0x00FF00); const orderCard = this.orderCards[customer.orderIndex]; if (orderCard) { // Calculate the total cost of ingredients const ingredientCost = this.calculateIngredientCost(orderCard); // Calculate the base price (ingredient cost + 20% surcharge) const basePrice = ingredientCost * 3; const timeTaken = orderCard.elapsedTime; const maxTipTime = this.TOTAL_ORDER_TIME / 2; // Time for maximum tip const tipPercentage = Math.max(0, 1 - (timeTaken / maxTipTime)); const tip = basePrice * tipPercentage; const totalEarned = basePrice + tip; this.money += totalEarned; this.updateMoneyDisplay(); this.updateScore(); // Increase and update the score this.updateDifficulty(); // Adjust difficulty after successful order // Decrease frustration this.frustration = Math.max(0, this.frustration - 5); this.updateFrustrationMeter(); // Update frustration meter immediately const earnedMessage = `Earned $${basePrice.toFixed(2)} + $${tip.toFixed(2)} tip!`; this.showTopDownNotification(`Correct order! ${earnedMessage}`, 'success'); console.log(`Order Time: ${this.TOTAL_ORDER_TIME}s, Ready Time: ${this.READY_ORDER_TIME}s`); this.kdsContainer.remove(orderCard.container); orderCard.container.destroy(); this.orderCards.splice(customer.orderIndex, 1); } // Update orderIndex for remaining customers and order cards this.customerSlots.forEach(c => { if (c && c.orderIndex > customer.orderIndex) { c.orderIndex--; } }); this.orderCards.forEach((card, index) => { card.orderIndex = index; const orderNumber = card.container.list.find(item => item.type === 'Text' && item.text.startsWith('#')); if (orderNumber) { orderNumber.setText(`#${index + 1}`); } }); // Remove the customer after updating indices this.removeCustomer(slotIndex, true); this.repositionCards(); } else { customer.customerHead.setTint(0xFF0000); // Check if enough time has passed since the last wrong order notification const currentTime = this.time.now; if (currentTime - this.lastWrongOrderNotificationTime > 1000) { // 1000ms = 1 second this.showTopDownNotification("Wrong order! Customer left.", 'error'); this.lastWrongOrderNotificationTime = currentTime; } // Remove the customer's order from the KDS const orderCard = this.orderCards[customer.orderIndex]; if (orderCard) { this.kdsContainer.remove(orderCard.container); orderCard.container.destroy(); this.orderCards.splice(customer.orderIndex, 1); } // Update orderIndex for remaining customers and order cards this.customerSlots.forEach(c => { if (c && c.orderIndex > customer.orderIndex) { c.orderIndex--; } }); this.orderCards.forEach((card, index) => { card.orderIndex = index; const orderNumber = card.container.list.find(item => item.type === 'Text' && item.text.startsWith('#')); if (orderNumber) { orderNumber.setText(`#${index + 1}`); } }); // Remove the customer without payment this.removeCustomer(slotIndex, false); this.repositionCards(); // Increase frustration by 10 seconds when the order is wrong this.frustration = Math.min(this.frustration + 10, this.MAX_FRUSTRATION); this.updateFrustrationMeter(); // Update frustration meter immediately } // Clear any ongoing timers for this customer if (customer.notificationTimer) { customer.notificationTimer.remove(); customer.notificationTimer = null; } } } updateFrustrationMeter() { const frustrationPercentage = this.frustration / this.MAX_FRUSTRATION; const fullMeterWidth = 600; // This should match the width set in the create method this.frustrationMeter.width = fullMeterWidth * frustrationPercentage; // Determine if the frustration meter should be flashing if (frustrationPercentage > 0.8) { this.isFlashing = true; } else { this.isFlashing = false; } // Set the color based on the frustration level and flashing state if (this.isFlashing) { // Create a flashing effect by alternating colors const flashColor = Math.sin(this.time.now / 100) > 0 ? 0xFF0000 : 0xFF6666; this.frustrationMeter.fillColor = flashColor; } else { // Normal color gradient this.frustrationMeter.fillColor = Phaser.Display.Color.GetColor( 255 * frustrationPercentage, 255 * (1 - frustrationPercentage), 0 ); } // Update frustration percentage text const percentText = `${Math.round(frustrationPercentage * 100)}%`; this.frustrationPercentText.setText(percentText); // Position the text in the middle of the entire meter box and move 50 pixels to the right const meterStartX = this.frustrationMeterBackground.x - this.frustrationMeterBackground.width / 2; this.frustrationPercentText.x = meterStartX + this.frustrationMeterBackground.width / 2 + 300; // Adjust text color based on frustration level for better visibility if (frustrationPercentage > 0.5) { this.frustrationPercentText.setColor('#FFFFFF'); } else { this.frustrationPercentText.setColor('#000000'); } } calculateIngredientCost(orderCard) { let totalCost = 0; const ingredients = orderCard.container.list .filter(item => item.type === 'Text' && item.text.startsWith('- ')) .map(item => item.text.substring(2)); ingredients.forEach(ingredient => { const price = this.getIngredientPrice(ingredient); totalCost += price; }); return totalCost; } getIngredientPrice(ingredient) { const prices = { 'White Bread': 0.30, 'Wheat Bread': 0.35, 'Rye Bread': 0.40, 'Ham': 0.75, 'Turkey': 0.80, 'Roast Beef': 1.00, 'Bacon': 1.50, 'Cheddar': 0.50, 'Swiss': 0.60, 'Provolone': 0.65, 'Lettuce': 0.20, 'Tomato': 0.25, 'Cucumber': 0.20, 'Onion': 0.15, 'Pickle': 0.10, 'Mayo': 0.10, 'Mustard': 0.10, 'Ranch': 0.20, 'Ketchup': 0.05 }; return prices[ingredient] || 0; } updateAssemblyDisplay() { const startX = -200; // Starting X position const offsetX = 0.01; // Greatly reduced horizontal offset between ingredients const offsetY = 0.01; // Greatly reduced vertical offset for layered effect let currentX = startX; let currentY = 0; this.assembledIngredients.forEach((ingredient, index) => { let ingredientWidth, ingredientHeight; if (ingredient.texture.key === 'bacon') { ingredientWidth = 90; // Even smaller width for bacon ingredientHeight = 66; // Adjusted height to maintain aspect ratio (90 * 73 / 100) } else if ((ingredient.isVeggie && !ingredient.isLettuce) || ingredient.isSauce) { ingredientWidth = 75; ingredientHeight = 55; } else if (ingredient.isCheese) { ingredientWidth = 120; ingredientHeight = 88; } else { ingredientWidth = 150; ingredientHeight = 110; } ingredient.setDisplaySize(ingredientWidth, ingredientHeight); ingredient.setPosition(currentX + ingredientWidth / 2, currentY); ingredient.setDepth(index); currentX += offsetX; currentY += offsetY; // Adjust currentX for the next ingredient based on this ingredient's width if (index < this.assembledIngredients.length - 1) { const nextIngredient = this.assembledIngredients[index + 1]; let nextWidth; if (nextIngredient.texture.key === 'bacon') { nextWidth = 90; // Use the updated smaller width for bacon } else if ((nextIngredient.isVeggie && !nextIngredient.isLettuce) || nextIngredient.isSauce) { nextWidth = 75; } else if (nextIngredient.isCheese) { nextWidth = 120; } else { nextWidth = 150; } currentX += (ingredientWidth + nextWidth) / 16 - offsetX; // Further reduced overlap } }); if (this.assembledIngredients.length === 0) { this.removeAssemblyButtons(); } } spawnCustomer() { if (this.customerSlots[0] !== null) return; // If there's already a customer, don't spawn a new one const availableSlot = 0; // Always use the first slot const yPosition = 300; // Center vertically in the customer area // Create customer elements off-screen const startX = 1380; // Start position off-screen to the right const endX = 1100; // Final x position // Randomly select a customer image from available images if (this.availableCustomerImages.length === 0) { // If all customers have been used, reset the array this.availableCustomerImages = ['customer', 'customer1', 'customer2', 'customer3', 'customer4', 'customer5', 'customer6']; } const randomIndex = Math.floor(Math.random() * this.availableCustomerImages.length); const randomCustomerImage = this.availableCustomerImages[randomIndex]; // Remove the selected image from the available list this.availableCustomerImages.splice(randomIndex, 1); const customerHead = this.add.image(startX, yPosition, randomCustomerImage).setScale(0.1667); const readyButton = this.add.rectangle(startX, yPosition + 80, 240, 40, 0x4CAF50); const readyButtonText = this.add.text(startX, yPosition + 80, 'Ready to Order | 60', { fontFamily: 'Arial', fontSize: '18px', color: '#FFFFFF' }).setOrigin(0.5); const patienceMeter = this.add.rectangle(startX, yPosition + 60, 200, 10, 0x00FF00); patienceMeter.setOrigin(0.5); patienceMeter.setVisible(false); const countdownText = this.add.text(startX, yPosition + 60, this.TOTAL_ORDER_TIME.toString(), { fontFamily: 'Arial', fontSize: '14px', color: '#000000' }).setOrigin(0.5); countdownText.setVisible(false); // Add order number text (initially hidden) const orderNumberText = this.add.text(startX - 80, yPosition, '', { fontFamily: 'Arial', fontSize: '24px', color: '#000000', fontStyle: 'bold' }).setOrigin(0.5); orderNumberText.setVisible(false); // Initially hide the ready button and text readyButton.setVisible(false); readyButtonText.setVisible(false); readyButton.setInteractive({ useHandCursor: true }) .on('pointerdown', () => this.handleOrder(availableSlot)); // Create a container for all customer elements const customerContainer = this.add.container(0, 0, [customerHead, readyButton, readyButtonText, patienceMeter, countdownText, orderNumberText]); // Create the customer object first this.customerSlots[availableSlot] = { container: customerContainer, customerHead, readyButton, readyButtonText, patienceMeter, countdownText, orderNumberText, orderIndex: -1, patience: 1, slotIndex: availableSlot, readyCountdown: -1 // Set to -1 initially to prevent countdown from starting }; // Tween to move customer on screen this.tweens.add({ targets: customerContainer, x: -280, // Move 280 pixels to the left (endX - startX) duration: 1000, ease: 'Power2', onComplete: () => { // Show the ready button and text after the tween is complete readyButton.setVisible(true); readyButtonText.setVisible(true); // Start the countdown if (this.customerSlots[availableSlot]) { this.customerSlots[availableSlot].readyCountdown = this.READY_ORDER_TIME; } } }); } removeCustomer(slotIndex, isCorrectOrder = false) { const customer = this.customerSlots[slotIndex]; if (customer) { const customerOrderIndex = customer.orderIndex; // Add a small delay before the leaving animation this.time.delayedCall(200, () => { // Tween to move customer off screen this.tweens.add({ targets: customer.container, x: 280, // Move 280 pixels to the right duration: 1000, ease: 'Power2', onComplete: () => { // Destroy all customer elements after the tween is complete customer.container.destroy(); this.customerSlots[slotIndex] = null; // Remove the order if it wasn't already removed (e.g., for expired orders) if (!isCorrectOrder && customerOrderIndex !== -1) { const orderToRemove = this.orderCards.find(card => card.orderIndex === customerOrderIndex); if (orderToRemove) { this.kdsContainer.remove(orderToRemove.container); orderToRemove.container.destroy(); this.orderCards = this.orderCards.filter(card => card !== orderToRemove); // Update orderIndex for remaining order cards this.orderCards.forEach((card, index) => { card.orderIndex = index; const orderNumber = card.container.list.find(item => item.type === 'Text' && item.text.startsWith('#')); if (orderNumber) { orderNumber.setText(`#${index + 1}`); } }); // Update orderIndex for remaining customers this.customerSlots.forEach((c) => { if (c && c.orderIndex > customerOrderIndex) { c.orderIndex--; } }); this.repositionCards(); } } // Spawn a new customer after the current one leaves this.time.delayedCall(500, this.spawnCustomer, [], this); } }); }); } } handleOrder(slotIndex) { const randomBread = this.breads[Math.floor(Math.random() * this.breads.length)]; const randomMeat = this.meats[Math.floor(Math.random() * this.meats.length)]; const randomCheese = this.cheeses[Math.floor(Math.random() * this.cheeses.length)]; // Randomly select 1 to 3 veggies const veggieCount = Math.floor(Math.random() * 3) + 1; const randomVeggies = this.shuffleArray([...this.veggies]).slice(0, veggieCount); // Randomly select 1 to 2 sauces const sauceCount = Math.floor(Math.random() * 2) + 1; const randomSauces = this.shuffleArray([...this.sauces]).slice(0, sauceCount); const order = { main: `${randomMeat} Sandwich`, ingredients: [ randomBread, randomMeat, randomCheese, ...randomVeggies, ...randomSauces ] }; const orderIndex = this.createOrderCard(order); console.log('Created order:', order); console.log('Order index:', orderIndex); console.log('Current orders:', this.orderCards); // Update the customer who placed the order const customer = this.customerSlots[slotIndex]; if (customer) { customer.readyButton.setVisible(false); customer.readyButtonText.setVisible(false); customer.patienceMeter.setVisible(true); customer.countdownText.setVisible(true); customer.orderIndex = orderIndex; customer.patience = 1; customer.patienceMeter.setFillStyle(0x00FF00); // Start with green color // Set and show the order number customer.orderNumberText.setText(`#${this.nextOrderNumber - 1}`); customer.orderNumberText.setVisible(true); // Clear the ready countdown customer.readyCountdown = -1; } // Update the order card with the customer's slot index if (this.orderCards[orderIndex]) { this.orderCards[orderIndex].customerSlotIndex = slotIndex; } // Spawn a new customer after a delay if there's room if (this.customerSlots.some(slot => slot === null)) { this.time.delayedCall(3000, this.spawnCustomer, [], this); } } // Helper method to shuffle an array shuffleArray(array) { for (let i = array.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [array[i], array[j]] = [array[j], array[i]]; } return array; } update(time, delta) { // Convert delta to seconds const dt = delta / 1000; // Update frustration only if there are active orders if (this.orderCards.length > 0) { this.frustration = Math.min(this.frustration + dt, this.MAX_FRUSTRATION); this.updateFrustrationMeter(); // Update frustration meter } // Check for low stock items every 1 seconds if (time % 1000 < delta) { this.checkLowStockItems(); } // Update mute button state if (this.muteButton) { this.muteButton.setText(this.sound.mute ? '🔇' : '🔊'); } // Check for game over condition if (this.frustration >= this.MAX_FRUSTRATION) { this.gameOver(); } // Update ingredient order countdown if (this.orderCountdown !== null) { this.orderCountdown -= dt; if (this.orderCountdown <= 0) { this.orderCountdown = null; if (this.orderCountdownText) { this.orderCountdownText.destroy(); this.orderCountdownText = null; } } else { if (this.orderCountdownText) { this.orderCountdownText.setText(this.formatTime(Math.ceil(this.orderCountdown))); } } } // Update each order card (use reverse loop for safe removal) for (let i = this.orderCards.length - 1; i >= 0; i--) { const card = this.orderCards[i]; card.elapsedTime += dt; card.timerText.setText(`${Math.floor(card.elapsedTime)}s`); // Update color based on elapsed time const orderTime = card.createdAt ? this.TOTAL_ORDER_TIME : this.calculateOrderTime(); if (card.elapsedTime > orderTime * 2 / 3) { card.headerBox.setFillStyle(0xFF0000); // Red after 2/3 of the time // Check if we're in the last 1/6 of the total time if (card.elapsedTime > orderTime * 5 / 6) { // Create a blinking effect const blinkFactor = Math.sin(time / 150) * 0.5 + 0.5; // Oscillates between 0 and 1 const redComponent = Math.floor(255 * blinkFactor); const blinkColor = Phaser.Display.Color.GetColor(255, redComponent, redComponent); card.box.setFillStyle(blinkColor); } else { card.box.setFillStyle(0xE0E0E0); // Reset to normal color if not blinking } } else if (card.elapsedTime > orderTime * 1 / 3) { card.headerBox.setFillStyle(0xFFA500); // Orange after 1/3 of the time card.box.setFillStyle(0xE0E0E0); // Reset to normal color } else { card.headerBox.setFillStyle(0x00FF00); // Green for the first 1/3 card.box.setFillStyle(0xE0E0E0); // Reset to normal color } // Check if order has expired if (card.elapsedTime >= orderTime) { card.isComplete = true; } // Remove completed or expired orders if (card.isComplete) { // Find the corresponding customer before removing the order const customerSlot = this.customerSlots.findIndex(c => c && c.orderIndex === i); // Remove only the customer whose order expired if (customerSlot !== -1) { this.removeCustomer(customerSlot); } else { // If no customer is found, just remove the order card this.kdsContainer.remove(card.container); card.container.destroy(); this.orderCards.splice(i, 1); // Update remaining order cards this.orderCards.forEach((remainingCard, index) => { remainingCard.orderIndex = index; const orderNumber = remainingCard.container.list.find(item => item.type === 'Text' && item.text.startsWith('#')); if (orderNumber) { orderNumber.setText(`#${index + 1}`); } }); this.repositionCards(); } } } // Update customer patience and ready countdown this.customerSlots.forEach((customer, slotIndex) => { if (customer) { if (customer.orderIndex !== -1 && customer.orderIndex < this.orderCards.length) { const order = this.orderCards[customer.orderIndex]; if (order) { const remainingTime = Math.max(0, this.TOTAL_ORDER_TIME - order.elapsedTime); customer.patience = remainingTime / this.TOTAL_ORDER_TIME; // Update patience meter color and size customer.patienceMeter.setScale(customer.patience, 1); // Update countdown text customer.countdownText.setText(Math.ceil(remainingTime).toString()); // Keep countdown text at its initial position customer.countdownText.x = customer.patienceMeter.x; if (order.elapsedTime <= this.TOTAL_ORDER_TIME * 1 / 3) { customer.patienceMeter.setFillStyle(0x00FF00); // Green for first 1/3 } else if (order.elapsedTime <= this.TOTAL_ORDER_TIME * 2 / 3) { customer.patienceMeter.setFillStyle(0xFFA500); // Orange for second 1/3 } else { customer.patienceMeter.setFillStyle(0xFF0000); // Red for last 1/3 } if (customer.patience <= 0) { this.removeCustomer(slotIndex); } } else { // If the order doesn't exist, remove the customer this.removeCustomer(slotIndex); } } else if (customer.readyCountdown >= 0) { // Update ready countdown customer.readyCountdown -= dt; customer.readyButtonText.setText(`Ready to Order | ${Math.ceil(customer.readyCountdown)}`); if (customer.readyCountdown <= 0) { // Increase frustration when a customer leaves without ordering this.frustration = Math.min(this.frustration + 10, this.MAX_FRUSTRATION); this.updateFrustrationMeter(); this.removeCustomer(slotIndex); } } } }); // Check for low stock items periodically (e.g., every 5 seconds) if (time % 5000 < delta) { this.checkLowStockItems(); } } checkLowStockItems() { // Initialize lowStockNotifications if it doesn't exist if (!this.lowStockNotifications) { this.lowStockNotifications = []; } for (let ingredient in this.inventory) { if (this.inventory[ingredient] <= this.lowStockThreshold) { const existingNotification = this.lowStockNotifications.find(n => n.ingredient === ingredient); if (!existingNotification) { const notification = this.showTopDownNotification(`Low on ${ingredient}!`, 'error', true); this.lowStockNotifications.push({ ingredient, notification }); } } else { const index = this.lowStockNotifications.findIndex(n => n.ingredient === ingredient); if (index !== -1) { this.removeNotification(this.lowStockNotifications[index].notification); this.lowStockNotifications.splice(index, 1); } } } } repositionCards() { let currentY = 20; // Start from the top of the KDS area with a small padding this.orderCards.forEach((card) => { card.container.y = currentY; card.container.x = -150; // Center horizontally (half of card width) currentY += card.box.height + 10; }); // Adjust the container position if (this.isScrollingEnabled()) { const totalHeight = this.getTotalOrdersHeight(); const kdsHeight = 480; // Height of the KDS area const maxScroll = Math.max(0, totalHeight - kdsHeight); this.kdsContainer.y = Phaser.Math.Clamp(this.kdsContainer.y, -maxScroll + 60, 60); } else { this.kdsContainer.y = 60; // Reset to top of KDS area when scrolling is disabled } } getTotalOrdersHeight() { return this.orderCards.reduce((total, card) => total + card.box.height + 10, 0); } isScrollingEnabled() { return this.orderCards.length > 1 && this.getTotalOrdersHeight() > 480; } createOrderCard(order) { const cardWidth = 300; const headerHeight = 30; const padding = 10; const x = cardWidth / 2; const card = this.add.container(0, 0); // Check if order is properly defined if (!order || typeof order !== 'object') { console.error('Invalid order object:', order); return null; } // Header const headerBox = this.add.rectangle(x, headerHeight / 2, cardWidth, headerHeight, 0x00FF00); headerBox.setStrokeStyle(2, 0x000000); card.add(headerBox); const orderNumber = this.add.text(10, headerHeight / 2, `#${this.nextOrderNumber}`, { fontFamily: 'Arial', fontSize: '16px', color: '#000000' }).setOrigin(0, 0.5); card.add(orderNumber); const timerText = this.add.text(cardWidth - 10, headerHeight / 2, '0s', { fontFamily: 'Arial', fontSize: '16px', color: '#000000' }).setOrigin(1, 0.5); card.add(timerText); // Main item const mainItem = this.add.text(10, headerHeight + padding, order.main || 'Unknown Item', { fontFamily: 'Arial', fontSize: '18px', color: '#000000', fontStyle: 'bold' }); card.add(mainItem); // Ingredients let ingredientY = headerHeight + mainItem.height + padding * 2; if (Array.isArray(order.ingredients)) { // Find the bread ingredient const breadIngredient = order.ingredients.find(ingredient => ingredient.includes('Bread')); if (breadIngredient) { // Add bread as the first ingredient this.addIngredientText(card, breadIngredient, ingredientY, cardWidth); ingredientY += 20; } // Add all other ingredients order.ingredients.forEach((ingredient) => { if (!ingredient.includes('Bread')) { this.addIngredientText(card, ingredient, ingredientY, cardWidth); ingredientY += 20; } }); if (breadIngredient) { // Add bread again as the last ingredient this.addIngredientText(card, breadIngredient, ingredientY, cardWidth); ingredientY += 20; } } else { console.error('order.ingredients is not an array:', order.ingredients); const errorText = this.add.text(20, ingredientY, '- No ingredients available', { fontFamily: 'Arial', fontSize: '14px', color: '#FF0000' }); card.add(errorText); ingredientY += errorText.height + 5; } // Adjust card height based on content const cardHeight = ingredientY + padding; const box = this.add.rectangle(x, cardHeight / 2, cardWidth, cardHeight, 0xE0E0E0); box.setStrokeStyle(2, 0x000000); card.add(box); card.sendToBack(box); this.kdsContainer.add(card); this.orderCards.push({ container: card, box: box, headerBox: headerBox, timerText: timerText, elapsedTime: 0, isComplete: false }); this.nextOrderNumber++; this.repositionCards(); // Scroll to the bottom when a new order is added const totalHeight = this.getTotalOrdersHeight(); if (totalHeight > 480) { this.kdsContainer.y = -(totalHeight - 480); } return this.orderCards.length - 1; // Return the index of the new order } addIngredientText(card, ingredient, y, cardWidth) { const ingredientText = this.add.text(20, y, `- ${ingredient}`, { fontFamily: 'Arial', fontSize: '14px', color: '#000000', wordWrap: { width: cardWidth - 30 } }); card.add(ingredientText); } displayIngredients(tabIndex) { // Clear existing ingredients if (this.ingredientContainer) { this.ingredientContainer.destroy(); } this.ingredientContainer = this.add.container(0, 0); const ingredientGroups = [{ name: 'Breads', items: ['White Bread', 'Wheat Bread', 'Rye Bread'] }, { name: 'Meats', items: ['Ham', 'Turkey', 'Roast Beef', 'Bacon'] }, { name: 'Cheeses', items: ['Cheddar', 'Swiss', 'Provolone'] }, { name: 'Veggies', items: ['Lettuce', 'Tomato', 'Cucumber', 'Onion', 'Pickle'] }, { name: 'Sauces', items: ['Mayo', 'Mustard', 'Ranch', 'Ketchup'] }]; const group = ingredientGroups[tabIndex]; const boxWidth = 120; const boxHeight = 80; // Increased height to accommodate inventory count const padding = 10; const ingredientAreaWidth = 1200; // Full width of the ingredient area const ingredientAreaHeight = 120; const maxItemsPerRow = 8; // Maximum number of items per row const itemsPerRow = Math.min(group.items.length, maxItemsPerRow); // Actual items per row const totalWidth = (itemsPerRow * boxWidth) + ((itemsPerRow - 1) * padding); const startX = (ingredientAreaWidth - totalWidth) / 2; // Center horizontally const rows = Math.ceil(group.items.length / itemsPerRow); const totalHeight = (rows * boxHeight) + ((rows - 1) * padding); const startY = 580 + (ingredientAreaHeight - totalHeight) / 2; // Center vertically group.items.forEach((ingredient, index) => { const row = Math.floor(index / itemsPerRow); const col = index % itemsPerRow; const x = startX + col * (boxWidth + padding); const y = startY + row * (boxHeight + padding); // Create box const box = this.add.rectangle(x + boxWidth / 2, y + boxHeight / 2, boxWidth, boxHeight, 0xFFFFFF); box.setStrokeStyle(2, 0x000000); // Add ingredient name const text = this.add.text(x + boxWidth / 2, y + boxHeight / 2 - 10, ingredient, { fontFamily: 'Arial', fontSize: '16px', color: '#000000', align: 'center', wordWrap: { width: boxWidth - 10 } }); text.setOrigin(0.5); // Scale down text if it's too big for the box const scale = Math.min((boxWidth - 10) / text.width, (boxHeight - 30) / text.height, 1); text.setScale(scale); // Add inventory count with enhanced visibility const inventoryCount = this.add.text(x + boxWidth / 2, y + boxHeight / 2 + 15, `${this.inventory[ingredient]}`, { fontFamily: 'Arial', fontSize: '18px', fontStyle: 'bold', color: '#FFFFFF', align: 'center', padding: { x: 5, y: 2 } }); inventoryCount.setOrigin(0.5); inventoryCount.name = ingredient; // Set the name to match the ingredient for easy updating this.updateInventoryCountColor(inventoryCount, this.inventory[ingredient]); // Make the box interactive box.setInteractive({ useHandCursor: true }); // Add hover effects box.on('pointerover', () => { box.setFillStyle(0xE0E0E0); text.setTint(0x000000); // Don't change the inventory count color on hover }); box.on('pointerout', () => { box.setFillStyle(0xFFFFFF); text.clearTint(); // We don't need to update the color here, as it's already set correctly }); // Add click event to add ingredient to assembly box.on('pointerdown', () => { if (this.inventory[ingredient] > 0) { const imageKey = ingredient.toLowerCase().replace(' ', '-'); this.addIngredientToAssembly(imageKey); // The inventory display will be updated in addIngredientToAssembly } else { // Optionally, show a message that the ingredient is out of stock this.showMessage("Out of stock!"); } }); this.ingredientContainer.add([box, text, inventoryCount]); }); // Create "Top Bun" button in the top right of the assembly area this.topBunButton = this.add.rectangle(860, 80, 80, 30, 0xFFD700); this.topBunButton.setStrokeStyle(2, 0x000000); this.topBunText = this.add.text(860, 80, 'Top Bun', { fontFamily: 'Arial', fontSize: '14px', color: '#000000' }).setOrigin(0.5); this.topBunButton.setInteractive({ useHandCursor: true }) .on('pointerover', () => this.topBunButton.setFillStyle(0xFFA500)) .on('pointerout', () => this.topBunButton.setFillStyle(0xFFD700)) .on('pointerdown', () => this.addTopBun()); // Initially hide the Top Bun button this.topBunButton.setVisible(false); this.topBunText.setVisible(false); // Ensure the countdown text is on top if it exists if (this.orderCountdownText) { this.orderCountdownText.setDepth(1000); } } setOrderInventoryButtonState(enabled) { if (enabled) { this.orderInventoryButton.clearTint(); this.orderInventoryButton.setInteractive(); this.orderInventoryText.setColor('#000000'); } else { this.orderInventoryButton.setTint(0x808080); this.orderInventoryButton.disableInteractive(); this.orderInventoryText.setColor('#808080'); } } openOrderInventory() { if (this.ingredientOrderTimer) { this.showMessage("Order already in progress!"); } else { this.scene.launch('OrderInventory', { money: this.money }); this.scene.pause(); } } addTopBun() { if (this.assembledIngredients.length > 0) { const bottomBun = this.assembledIngredients[0]; if (bottomBun && bottomBun.texture.key.includes('bread')) { const topBunKey = bottomBun.texture.key; this.addIngredientToAssembly(topBunKey); } else { this.showMessage("Add a bottom bun first!"); } } else { this.showMessage("Start with a bottom bun!"); } } initIngredientTabs() { const ingredientTrayWidth = 1200; // Width of the ingredient tray const tabCount = 5; const tabWidth = 150; // Reduced tab width const tabHeight = 30; const totalTabsWidth = tabWidth * tabCount; const startX = 40 + (ingredientTrayWidth - totalTabsWidth) / 2; // Center the tabs const startY = 580; // Moved up slightly to fit better const tabColors = [0xFFCCCC, 0xFFFFCC, 0xCCCCFF, 0xCCFFCC, 0xFFCCFF]; const tabNames = ['Breads', 'Meats', 'Cheeses', 'Veggies', 'Sauces']; this.ingredientTabs = tabNames.map((name, index) => { const tab = this.add.rectangle(startX + index * tabWidth + tabWidth / 2, startY, tabWidth, tabHeight, tabColors[index]); tab.setStrokeStyle(2, 0x000000); tab.setInteractive({ useHandCursor: true }); const text = this.add.text(tab.x, tab.y, name, { fontFamily: 'Arial', fontSize: '14px', color: '#000000' }).setOrigin(0.5); tab.on('pointerdown', () => this.switchTab(index)); return { tab, text }; }); this.activeTabIndex = 0; this.ingredientTabs[0].tab.setStrokeStyle(4, 0x000000); } switchTab(index) { this.ingredientTabs[this.activeTabIndex].tab.setStrokeStyle(2, 0x000000); this.activeTabIndex = index; this.ingredientTabs[this.activeTabIndex].tab.setStrokeStyle(4, 0x000000); this.displayIngredients(index); } getCurrentOrder() { if (this.orderCards.length > 0) { const firstOrderCard = this.orderCards[0]; const orderTexts = firstOrderCard.container.list.filter(item => item.type === 'Text'); const mainItem = orderTexts.find(text => !text.text.startsWith('-') && !text.text.startsWith('#')).text; const ingredients = orderTexts.filter(text => text.text.startsWith('-')) .map(text => text.text.substring(2)); return { main: mainItem, ingredients: ingredients }; } return null; } orderIngredient(ingredient, amount) { if (!this.ingredientOrderTimer) { // Set a timer for 2 minutes const deliveryTime = this.ORDER_COUNTDOWN_TIME; this.ingredientOrderTimer = this.time.delayedCall(deliveryTime * 1000, () => { this.deliverIngredients(); }, [], this); this.orderCountdown = deliveryTime; this.pendingOrders = {}; // Create or update the countdown text this.createOrUpdateCountdownText(); // Disable the order inventory button this.setOrderInventoryButtonState(false); } // Add to pending orders if (this.pendingOrders[ingredient]) { this.pendingOrders[ingredient] += amount; } else { this.pendingOrders[ingredient] = amount; } } createOrUpdateCountdownText() { if (this.orderCountdownText) { this.orderCountdownText.destroy(); } this.orderCountdownText = this.add.text(80, 660, this.formatTime(this.orderCountdown), { fontFamily: 'Arial', fontSize: '24px', color: '#FF0000', fontStyle: 'bold' }).setOrigin(0, 0.5).setDepth(1000); // Set a high depth to ensure it's on top } formatTime(seconds) { const minutes = Math.floor(seconds / 60); const remainingSeconds = seconds % 60; return `${minutes}:${remainingSeconds.toString().padStart(2, '0')}`; } deliverIngredients() { let deliveryMessage = "Delivered:\n"; Object.entries(this.pendingOrders).forEach(([ingredient, amount]) => { this.inventory[ingredient] += amount; deliveryMessage += `${amount} ${ingredient}\n`; // Update the inventory display for each delivered ingredient this.updateInventoryDisplay(ingredient); }); this.showMessage(deliveryMessage); this.ingredientOrderTimer = null; this.orderCountdown = null; this.pendingOrders = {}; if (this.orderCountdownText) { this.orderCountdownText.destroy(); this.orderCountdownText = null; } // Re-enable the order inventory button this.setOrderInventoryButtonState(true); } updateInventoryText(ingredient) { // Find all inventory texts for this ingredient across all tabs const inventoryTexts = this.ingredientContainer.list.filter(item => item.text && item.text.startsWith('Inv:') && item.name === ingredient ); const newInventoryValue = this.inventory[ingredient]; inventoryTexts.forEach(inventoryText => { inventoryText.setText(`Inv: ${newInventoryValue}`); }); } updateAllInventoryDisplays() { Object.keys(this.inventory).forEach(ingredient => { this.updateInventoryText(ingredient); }); } updateOrderInventoryButtonText() { if (this.ingredientOrderCountdown !== null) { this.orderInventoryText.setText(`Order Inventory (${this.ingredientOrderCountdown}s)`); } else { this.orderInventoryText.setText('Order Inventory'); } } gameOver() { this.scene.start('GameOver', { score: this.score }); } handleShutdown() { // Stop background music if (this.backgroundMusic) { this.backgroundMusic.stop(); } } resetGame() { // Reset all relevant variables and states this.frustration = 0; this.completedOrders = 0; this.difficultyLevel = 0; this.TOTAL_ORDER_TIME = this.INITIAL_ORDER_TIME; this.READY_ORDER_TIME = this.INITIAL_READY_TIME; this.assembledIngredients = []; this.orderCountdown = null; this.score = 0; this.money = 0; this.inventory = { 'White Bread': 10, 'Wheat Bread': 10, 'Rye Bread': 10, 'Ham': 20, 'Turkey': 20, 'Roast Beef': 20, 'Bacon': 20, 'Cheddar': 15, 'Swiss': 15, 'Provolone': 15, 'Lettuce': 25, 'Tomato': 25, 'Cucumber': 25, 'Onion': 25, 'Pickle': 25, 'Mayo': 20, 'Mustard': 20, 'Ranch': 20, 'Ketchup': 20 }; this.nextOrderNumber = 1; // Clear existing game objects if (this.frustrationMeter) this.frustrationMeter.destroy(); if (this.frustrationText) this.frustrationText.destroy(); if (this.moneyText) this.moneyText.destroy(); if (this.scoreText) this.scoreText.destroy(); if (this.kdsContainer) this.kdsContainer.destroy(); if (this.assemblyContainer) this.assemblyContainer.destroy(); if (this.ingredientContainer) this.ingredientContainer.destroy(); // Clear customer slots and order cards this.customerSlots = [null, null]; this.orderCards = []; // Clear any ongoing timers if (this.ingredientOrderTimer) this.ingredientOrderTimer.remove(); this.ingredientOrderTimer = null; // Reset the ingredient tabs if (this.ingredientTabs) { this.ingredientTabs.forEach(tab => { tab.tab.destroy(); tab.text.destroy(); }); } this.ingredientTabs = null; this.activeTabIndex = 0; } } class GameOver extends Phaser.Scene { constructor() { super('GameOver'); } init(data) { this.finalScore = data.score || 0; } preload() { this.load.image('logo', 'https://play.rosebud.ai/assets/a sandwich themed hero type logo that says "SANDWICH HERO".png?WazZ'); this.load.image('cracked-button', 'https://play.rosebud.ai/assets/cracked-button.png'); this.load.image('buttonBackground', 'https://play.rosebud.ai/assets/a long rectangle button that looks like a sandwich.png?OhOf'); this.load.audio('gameOverMusic', 'https://play.rosebud.ai/assets/Sanwich hero music.mp3?q2Dn'); this.load.audio('hoverSound', 'https://play.rosebud.ai/assets/click-buttons-ui-menu-sounds-effects-button-2-203594.mp3?Nd9j'); this.load.audio('clickSound', 'https://play.rosebud.ai/assets/Typewriter.mp3?tMPn'); } create() { const { width, height } = this.scale; // Set light blue navy background this.cameras.main.setBackgroundColor('#E6F3FF'); // Play game over music at different speeds based on score this.gameOverMusic = this.sound.add('gameOverMusic'); const musicRate = this.finalScore >= 15 ? 1.5 : 0.5; // Double speed for winners, half speed for losers this.gameOverMusic.play({ rate: musicRate, loop: true, volume: 0.1 }); // Create a container for raining logos with depth 1 this.logoContainer = this.add.container(0, 0); // Create sound objects this.hoverSound = this.sound.add('hoverSound'); this.clickSound = this.sound.add('clickSound'); this.logoContainer.setDepth(1); // Initialize the logo count this.logoCount = 0; this.maxLogos = 5; // Reduce the maximum number of logos allowed on screen // Add conditional text based on score let mainText, subText; if (this.finalScore < 15) { mainText = 'SANDWICH ZERO.. 😛'; subText = '(game over)'; } else { mainText = 'SANDWICH HERO! 😎'; subText = '(Game Over)'; } const gameOverText = this.add.text(width / 2, height / 3, mainText, { fontFamily: 'Arial', fontSize: '64px', color: '#FFFFFF', stroke: '#001F3F', strokeThickness: 6 }).setOrigin(0.5).setDepth(2); const subGameOverText = this.add.text(width / 2, height / 3 + 50, subText, { fontFamily: 'Arial', fontSize: '24px', color: '#FFFFFF', stroke: '#001F3F', strokeThickness: 3 }).setOrigin(0.5).setDepth(2); // Add bounce and tilt animation to main and sub text this.tweens.add({ targets: [gameOverText, subGameOverText], y: { from: (target) => target.y - 5, to: (target) => target.y + 5, duration: 1000, ease: 'Sine.easeInOut', yoyo: true, repeat: -1 }, rotation: { from: -0.05, to: 0.05, duration: 2000, ease: 'Sine.easeInOut', yoyo: true, repeat: -1 }, onUpdate: (tween, target) => { // Additional custom updates can be added here if needed } }); const frustrationText = this.add.text(width / 2, height / 2 - 30, 'Frustration Maxed Out!', { fontFamily: 'Arial', fontSize: '32px', color: '#FF0000' // Changed to red }).setOrigin(0.5).setDepth(2); // Add shaking animation to 'Frustration Maxed Out!' text this.tweens.add({ targets: frustrationText, rotation: { from: -0.05, to: 0.05, duration: 100, ease: 'Linear', yoyo: true, repeat: -1 }, onUpdate: (tween, target) => { // Additional custom updates can be added here if needed } }); // Add final score text const scoreText = this.add.text(width / 2, height / 2 + 30, `Final Score: ${this.finalScore}`, { fontFamily: 'Arial', fontSize: '36px', color: '#FFD700', // Gold color stroke: '#000000', strokeThickness: 3 }).setOrigin(0.5).setDepth(2); const buttonBackground = this.add.image(0, 0, 'buttonBackground').setOrigin(0.5); buttonBackground.setScale(0.5 / 3); // Adjust scale to 1/3 of the previous size const buttonText = this.add.text(0, 0, 'Restart', { fontFamily: 'Arial', fontSize: '32px', color: '#FFFFFF', stroke: '#001F3F', strokeThickness: 6 }).setOrigin(0.5); const restartButton = this.add.container(width / 2, height * 2 / 3, [buttonBackground, buttonText]).setDepth(2); restartButton.setSize(buttonBackground.width * 0.5 / 3, buttonBackground.height * 0.5 / 3); restartButton.setInteractive({ useHandCursor: true }); // Start creating falling logos this.logoTimer = this.time.addEvent({ delay: 1000, // Create a new logo every 1000ms (1 second) callback: this.createRainingLogo, callbackScope: this, loop: true }); // Add hover effects restartButton.on('pointerover', () => { if (buttonBackground) { buttonBackground.setTint(0xdddddd); // Lighten the button } this.hoverSound.play({ volume: 0.5 }); // Play hover sound }); restartButton.on('pointerout', () => { if (buttonBackground) { buttonBackground.clearTint(); // Remove tint } }); restartButton.on('pointerdown', () => { this.clickSound.play({ volume: 0.1 }); // Play click sound at 0.1 volume restartButton.removeInteractive(); // Fall animation this.tweens.add({ targets: restartButton, y: this.scale.height + 100, // Move past the bottom of the screen rotation: Math.PI * 2, // Rotate 360 degrees duration: 1000, ease: 'Quad.easeIn', onComplete: () => { // Fade out the game over music this.tweens.add({ targets: this.gameOverMusic, volume: 0, duration: 1000, onComplete: () => this.gameOverMusic.stop() }); // Fade out the scene to black this.cameras.main.fadeOut(1000, 0, 0, 0, (camera, progress) => { if (progress === 1) { // Reset the fade effect when it's complete this.cameras.main.resetFX(); // Restart the game after the animation this.scene.get('SandwichJockey').scene.restart(); this.game.events.emit('changescene', 'SandwichJockey'); this.scene.stop(); } }); // Fade out the logo container this.tweens.add({ targets: this.logoContainer, alpha: 0, duration: 1000, }); } }); }); } createRainingLogo() { if (this.logoCount >= this.maxLogos) { return; // Don't create a new logo if we've reached the maximum } const { width, height } = this.scale; const x = Phaser.Math.Between(0, width); const logo = this.add.image(x, -50, 'logo'); logo.setScale(0.1); // Make the logo small this.logoContainer.add(logo); // Add logo to the container this.logoCount++; // Increment the logo count // Randomize fall speed (between 4 to 6 seconds) const fallDuration = Phaser.Math.Between(4000, 6000); // Randomize rotation speed (between 0.5 to 1.5 full rotations during fall) const rotations = Phaser.Math.FloatBetween(0.5, 1.5); this.tweens.add({ targets: logo, y: height + 100, // Move past the bottom of the screen rotation: Math.PI * 2 * rotations, duration: fallDuration, ease: 'Linear', onComplete: () => { logo.destroy(); this.logoCount--; // Decrement the logo count when a logo is destroyed } }); } shutdown() { // Clean up resources when the scene is shut down if (this.logoTimer) { this.logoTimer.remove(); } this.logoContainer.removeAll(true); this.gameOverMusic.stop(); this.sound.removeAll(); } } class DevMenu extends Phaser.Scene { constructor() { super('DevMenu'); } create() { this.add.rectangle(640, 360, 300, 200, 0x000000, 0.7); const autoStackButton = this.add.text(640, 320, 'Auto Stack Current Order', { fontFamily: 'Arial', fontSize: '20px', color: '#ffffff' }).setOrigin(0.5).setInteractive({ useHandCursor: true }); autoStackButton.on('pointerdown', () => { this.autoStackCurrentOrder(); }); const addInventoryButton = this.add.text(640, 360, 'Add 1 to All Ingredients', { fontFamily: 'Arial', fontSize: '20px', color: '#ffffff' }).setOrigin(0.5).setInteractive({ useHandCursor: true }); addInventoryButton.on('pointerdown', () => { this.modifyAllIngredients(1); }); const subtractInventoryButton = this.add.text(640, 400, 'Subtract 1 from All Ingredients', { fontFamily: 'Arial', fontSize: '20px', color: '#ffffff' }).setOrigin(0.5).setInteractive({ useHandCursor: true }); subtractInventoryButton.on('pointerdown', () => { this.modifyAllIngredients(-1); }); } autoStackCurrentOrder() { const mainScene = this.scene.get('SandwichJockey'); const currentOrder = mainScene.getCurrentOrder(); if (currentOrder) { mainScene.clearAssembly(); currentOrder.ingredients.forEach(ingredient => { const ingredientKey = mainScene.normalizeIngredientName(ingredient); mainScene.addIngredientToAssembly(ingredientKey); }); } } modifyAllIngredients(amount) { const mainScene = this.scene.get('SandwichJockey'); Object.keys(mainScene.inventory).forEach(ingredient => { mainScene.inventory[ingredient] = Math.max(0, mainScene.inventory[ingredient] + amount); }); mainScene.updateAllInventoryDisplays(); mainScene.showMessage(`All ingredients ${amount > 0 ? 'increased' : 'decreased'} by ${Math.abs(amount)}`); } } class OrderInventory extends Phaser.Scene { constructor() { super('OrderInventory'); this.orderQuantities = {}; this.categories = ['Breads', 'Meats', 'Cheeses', 'Veggies', 'Sauces']; this.categorizedIngredients = { Breads: ['White Bread', 'Wheat Bread', 'Rye Bread'], Meats: ['Ham', 'Turkey', 'Roast Beef', 'Bacon'], Cheeses: ['Cheddar', 'Swiss', 'Provolone'], Veggies: ['Lettuce', 'Tomato', 'Cucumber', 'Onion', 'Pickle'], Sauces: ['Mayo', 'Mustard', 'Ranch', 'Ketchup'] }; this.activeTab = 'Breads'; this.ingredientPrices = { 'White Bread': 0.30, 'Wheat Bread': 0.35, 'Rye Bread': 0.40, 'Ham': 0.75, 'Turkey': 0.80, 'Roast Beef': 1.00, 'Bacon': 1.50, 'Cheddar': 0.50, 'Swiss': 0.60, 'Provolone': 0.65, 'Lettuce': 0.20, 'Tomato': 0.25, 'Cucumber': 0.20, 'Onion': 0.15, 'Pickle': 0.10, 'Mayo': 0.10, 'Mustard': 0.10, 'Ranch': 0.20, 'Ketchup': 0.05 }; this.totalPrice = 0; } preload() { this.load.audio('clickSound', 'https://play.rosebud.ai/assets/click-buttons-ui-menu-sounds-effects-button-2-203594.mp3?Nd9j'); } create(data) { this.resetOrderQuantities(); // Reset order quantities when opening the scene this.clickSound = this.sound.add('clickSound'); // Add a fully opaque background this.add.rectangle(640, 360, 1280, 720, 0x333333); // Add a title this.add.text(640, 50, 'Order Inventory', { fontFamily: 'Arial', fontSize: '32px', color: '#ffffff' }).setOrigin(0.5); // Add money display in the top left corner this.moneyText = this.add.text(20, 20, `$${data.money.toFixed(2)}`, { fontFamily: 'Arial', fontSize: '28px', color: '#00FF00', fontStyle: 'bold', stroke: '#000000', strokeThickness: 4 }); // Add reset game button (smaller and orange) const resetButton = this.add.text(20, 60, 'Reset', { fontFamily: 'Arial', fontSize: '14px', color: '#ffffff', backgroundColor: '#FFA500', padding: { x: 5, y: 3 } }).setInteractive({ useHandCursor: true }); resetButton.on('pointerdown', () => { this.playClickSound(); this.resetGame(); }); // Add a close button const closeButton = this.add.text(1200, 50, 'Close', { fontFamily: 'Arial', fontSize: '24px', color: '#ffffff', backgroundColor: '#ff0000', padding: { x: 10, y: 5 } }).setOrigin(1, 0.5).setInteractive({ useHandCursor: true }); closeButton.on('pointerdown', () => { this.playClickSound(); this.scene.stop(); this.scene.resume('SandwichJockey'); }); // Create tabs this.createTabs(); // Create ingredient display container this.ingredientContainer = this.add.container(0, 0).setDepth(1000); // Display ingredients for the initial active tab this.displayIngredients(); // Add confirm order button this.createConfirmButton(); } resetOrderQuantities() { this.orderQuantities = {}; this.totalPrice = 0; for (let category in this.categorizedIngredients) { for (let ingredient of this.categorizedIngredients[category]) { this.orderQuantities[ingredient] = 0; } } } playClickSound() { this.clickSound.play(); } createTabs() { const tabWidth = 200; const tabHeight = 40; const startX = (1280 - (this.categories.length * tabWidth)) / 2; const startY = 100; this.categories.forEach((category, index) => { const tab = this.add.rectangle(startX + (index * tabWidth), startY, tabWidth, tabHeight, 0x4a4a4a) .setOrigin(0, 0) .setInteractive({ useHandCursor: true }); const text = this.add.text(startX + (index * tabWidth) + (tabWidth / 2), startY + (tabHeight / 2), category, { fontFamily: 'Arial', fontSize: '18px', color: '#ffffff' }).setOrigin(0.5); tab.on('pointerdown', () => { this.playClickSound(); this.switchTab(category); }); if (category === this.activeTab) { tab.setFillStyle(0x6a6a6a); } }); } switchTab(category) { this.activeTab = category; this.displayIngredients(); this.createTabs(); // Recreate tabs to update the active tab visually } displayIngredients() { this.ingredientContainer.removeAll(true); const ingredients = this.categorizedIngredients[this.activeTab]; const startY = 160; const buttonHeight = 40; const spacing = 20; ingredients.forEach((ingredient, index) => { const y = startY + index * (buttonHeight + spacing); // Ingredient name with price const nameText = this.add.text(320, y, `${ingredient} ($${this.ingredientPrices[ingredient].toFixed(2)})`, { fontFamily: 'Arial', fontSize: '18px', color: '#ffffff' }).setOrigin(0, 0.5); // Decrease quantity button const decreaseButton = this.add.text(720, y, '-', { fontFamily: 'Arial', fontSize: '24px', color: '#ffffff', backgroundColor: '#ff0000', padding: { x: 10, y: 5 } }).setOrigin(1, 0.5).setInteractive({ useHandCursor: true }); // Quantity display const quantityText = this.add.text(770, y, this.orderQuantities[ingredient].toString(), { fontFamily: 'Arial', fontSize: '18px', color: '#ffffff' }).setOrigin(0.5); // Increase quantity button const increaseButton = this.add.text(820, y, '+', { fontFamily: 'Arial', fontSize: '24px', color: '#ffffff', backgroundColor: '#00ff00', padding: { x: 10, y: 5 } }).setOrigin(0, 0.5).setInteractive({ useHandCursor: true }); decreaseButton.on('pointerdown', () => { this.playClickSound(); if (this.orderQuantities[ingredient] > 0) { this.orderQuantities[ingredient]--; quantityText.setText(this.orderQuantities[ingredient].toString()); this.totalPrice -= this.ingredientPrices[ingredient]; this.updateConfirmButton(); } }); increaseButton.on('pointerdown', () => { this.playClickSound(); this.orderQuantities[ingredient]++; quantityText.setText(this.orderQuantities[ingredient].toString()); this.totalPrice += this.ingredientPrices[ingredient]; this.updateConfirmButton(); }); this.ingredientContainer.add([nameText, decreaseButton, quantityText, increaseButton]); }); } createConfirmButton() { this.confirmButton = this.add.text(640, 650, 'Confirm Order | $0.00', { fontFamily: 'Arial', fontSize: '24px', color: '#ffffff', backgroundColor: '#4CAF50', padding: { x: 20, y: 10 } }).setOrigin(0.5).setInteractive({ useHandCursor: true }); this.confirmButton.on('pointerdown', () => { this.playClickSound(); this.confirmOrder(); }); // Add insufficient funds text this.insufficientFundsText = this.add.text(640, 620, 'Insufficient funds', { fontFamily: 'Arial', fontSize: '18px', color: '#FF0000' }).setOrigin(0.5); this.insufficientFundsText.setVisible(false); // Add Main Menu button this.mainMenuButton = this.add.text(1200, 680, 'Main Menu', { fontFamily: 'Arial', fontSize: '20px', color: '#ffffff', backgroundColor: '#0000FF', padding: { x: 15, y: 8 } }).setOrigin(1, 1).setInteractive({ useHandCursor: true }); this.mainMenuButton.on('pointerdown', () => { this.playClickSound(); this.showMainMenuConfirmation(); }); } updateConfirmButton() { this.confirmButton.setText(`Confirm Order | $${this.totalPrice.toFixed(2)}`); const mainScene = this.scene.get('SandwichJockey'); const hasSufficientFunds = mainScene.money >= this.totalPrice; if (hasSufficientFunds) { this.confirmButton.setBackgroundColor('#4CAF50'); this.confirmButton.setColor('#ffffff'); this.confirmButton.setInteractive({ useHandCursor: true }); this.insufficientFundsText.setVisible(false); } else { this.confirmButton.setBackgroundColor('#808080'); this.confirmButton.setColor('#CCCCCC'); this.confirmButton.disableInteractive(); this.insufficientFundsText.setVisible(true); } } confirmOrder() { const mainScene = this.scene.get('SandwichJockey'); let orderPlaced = false; if (this.totalPrice > mainScene.money) { // This condition should never be true due to the button being disabled, // but we'll keep it as an extra safety measure this.insufficientFundsText.setVisible(true); return; } Object.entries(this.orderQuantities).forEach(([ingredient, quantity]) => { if (quantity > 0) { mainScene.orderIngredient(ingredient, quantity); orderPlaced = true; } }); if (orderPlaced) { mainScene.money -= this.totalPrice; mainScene.updateMoneyDisplay(); // Removed saveGameData call mainScene.showTopDownNotification(`Order placed successfully! Paid $${this.totalPrice.toFixed(2)}`, 'neutral'); } else { mainScene.showTopDownNotification("No items selected for order.", 'neutral'); } this.scene.stop(); this.scene.resume('SandwichJockey'); } resetGame() { this.showResetConfirmation(); } showResetConfirmation() { const highestDepth = 1000000; // A very high depth value // Create a semi-transparent background const overlay = this.add.rectangle(0, 0, 1280, 720, 0x000000, 0.7) .setOrigin(0) .setDepth(highestDepth); // Create the popup container const popup = this.add.container(640, 360) .setDepth(highestDepth + 1); // Add background for the popup const popupBg = this.add.rectangle(0, 0, 400, 200, 0xffffff).setOrigin(0.5); popup.add(popupBg); // Add text to the popup const text = this.add.text(0, -50, 'Are you sure you want to reset\nyour money, score, and inventory?', { fontFamily: 'Arial', fontSize: '20px', color: '#000000', align: 'center' }).setOrigin(0.5); popup.add(text); // Add 'Yes' button const yesButton = this.add.text(-75, 50, 'Yes', { fontFamily: 'Arial', fontSize: '20px', color: '#ffffff', backgroundColor: '#00aa00', padding: { x: 20, y: 10 } }).setOrigin(0.5).setInteractive({ useHandCursor: true }); popup.add(yesButton); // Add 'No' button const noButton = this.add.text(75, 50, 'No', { fontFamily: 'Arial', fontSize: '20px', color: '#ffffff', backgroundColor: '#aa0000', padding: { x: 20, y: 10 } }).setOrigin(0.5).setInteractive({ useHandCursor: true }); popup.add(noButton); // Handle button clicks yesButton.on('pointerdown', () => { this.playClickSound(); this.confirmReset(); overlay.destroy(); popup.destroy(); }); noButton.on('pointerdown', () => { this.playClickSound(); overlay.destroy(); popup.destroy(); }); } confirmReset() { const mainScene = this.scene.get('SandwichJockey'); mainScene.resetGame(); // Create the 'GAME RESET' notification const resetText = this.add.text(640, 360, 'GAME RESET', { fontFamily: 'Arial', fontSize: '48px', fontStyle: 'bold', color: '#FF0000', stroke: '#FFFFFF', strokeThickness: 6 }).setOrigin(0.5).setDepth(1000001); // Set a very high depth to ensure it's on top // Make the text fade in and out this.tweens.add({ targets: resetText, alpha: { from: 0, to: 1 }, duration: 500, ease: 'Power2', yoyo: true, repeat: 1, onComplete: () => { resetText.destroy(); this.scene.stop(); this.scene.start('SandwichJockey'); } }); } showMainMenuConfirmation() { const highestDepth = 1000000; // A very high depth value // Create a semi-transparent background const overlay = this.add.rectangle(0, 0, 1280, 720, 0x000000, 0.7) .setOrigin(0) .setDepth(highestDepth); // Create the popup container const popup = this.add.container(640, 360) .setDepth(highestDepth + 1); // Add background for the popup const popupBg = this.add.rectangle(0, 0, 400, 200, 0xffffff).setOrigin(0.5); popup.add(popupBg); // Add text to the popup const text = this.add.text(0, -50, 'Are you sure you want to go to the\nMain Menu? This will reset your\ngame progress.', { fontFamily: 'Arial', fontSize: '20px', color: '#000000', align: 'center' }).setOrigin(0.5); popup.add(text); // Add 'Yes' button const yesButton = this.add.text(-75, 50, 'Yes', { fontFamily: 'Arial', fontSize: '20px', color: '#ffffff', backgroundColor: '#00aa00', padding: { x: 20, y: 10 } }).setOrigin(0.5).setInteractive({ useHandCursor: true }); popup.add(yesButton); // Add 'No' button const noButton = this.add.text(75, 50, 'No', { fontFamily: 'Arial', fontSize: '20px', color: '#ffffff', backgroundColor: '#aa0000', padding: { x: 20, y: 10 } }).setOrigin(0.5).setInteractive({ useHandCursor: true }); popup.add(noButton); // Handle button clicks yesButton.on('pointerdown', () => { this.playClickSound(); this.goToMainMenu(); overlay.destroy(); popup.destroy(); }); noButton.on('pointerdown', () => { this.playClickSound(); overlay.destroy(); popup.destroy(); }); } goToMainMenu() { this.scene.stop('OrderInventory'); this.scene.stop('SandwichJockey'); this.scene.start('MainMenu'); } } const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 1280, height: 720, scene: [MainMenu, SandwichJockey, OrderInventory, GameOver], fps: { target: 60, forceSetTimeOut: true }, }; window.phaserGame = new Phaser.Game(config);