class TitleScene extends Phaser.Scene { constructor() { super('TitleScene'); } preload() { this.load.image('title_bg', 'https://play.rosebud.ai/assets/pikaso_reimagine_modern-flat-Cover-image-for-a-Redwall-inspired-gam.png?to41'); } create() { // Add the title background image this.add.image(400, 300, 'title_bg').setOrigin(0.5).setScale(0.5); // Add the game title this.add.text(400, 100, "Escape 'n Bake", { fontSize: '56px', fill: '#90EE90', fontFamily: '"Comic Neue", cursive', fontWeight: 'bold', stroke: '#000000', strokeThickness: 6 }).setOrigin(0.5); // Add the start game button // Create a rounded rectangle background const buttonWidth = 200; const buttonHeight = 60; const cornerRadius = 15; const buttonBackground = this.add.graphics(); buttonBackground.fillStyle(0x4a752c, 1); buttonBackground.fillRoundedRect(400 - buttonWidth / 2, 500 - buttonHeight / 2, buttonWidth, buttonHeight, cornerRadius); // Create the text on top of the background const startButton = this.add.text(400, 500, 'Start Game', { fontSize: '32px', fill: '#ffffff', fontFamily: '"Comic Neue", cursive' }).setOrigin(0.5).setInteractive(); // Make the entire button area interactive const hitArea = new Phaser.Geom.Rectangle(-buttonWidth / 2, -buttonHeight / 2, buttonWidth, buttonHeight); startButton.setInteractive(hitArea, Phaser.Geom.Rectangle.Contains); startButton.on('pointerover', () => startButton.setStyle({ fill: '#ff0' })); startButton.on('pointerout', () => startButton.setStyle({ fill: '#ffffff' })); startButton.on('pointerdown', () => this.scene.start('GameScene')); } } class Example extends Phaser.Scene { constructor() { super('GameScene'); this.isAttacking = false; // Add this line to create the flag this.hasApplePieRecipe = false; // Track whether the player has the apple pie recipe this.itemSpawnCount = 5; // Initialize the number of items to spawn this.hasAcornBreadRecipe = false; // Track whether the player has the acorn bread recipe this.hasBlueberryMuffinRecipe = false; // Track whether the player has the blueberry muffin recipe this.hasAppleCiderRecipe = false; // Track whether the player has the apple cider recipe this.acornFlourCount = 0; // Initialize acorn flour count this.blueberryCount = 0; // Initialize blueberry count this.hasGrinder = false; // Track whether the player has bought the grinder this.pineconeCount = 0; // Initialize pinecone count } preload() { this.load.image('title_bg', 'https://play.rosebud.ai/assets/pikaso_reimagine_modern-flat-Cover-image-for-a-Redwall-inspired-gam.png?to41'); this.load.image('fall_leaves', 'https://play.rosebud.ai/assets/fall leaves.gif?fJLP'); this.load.spritesheet('falling_leaves', 'https://play.rosebud.ai/assets/fall leaves.gif?fJLP', { frameWidth: 32, frameHeight: 32 }); this.load.image('recipe_icon', 'https://play.rosebud.ai/assets/parchment recipe.png?I11X'); this.load.image('leaf_burrow', 'https://play.rosebud.ai/assets/leaf burrow.jpeg?EUjZ'); this.load.image('woven_basket', 'https://play.rosebud.ai/assets/woven basket.png?nY48'); this.load.image('grass_burrow', 'https://play.rosebud.ai/assets/grass burrow.jpeg?M35g'); this.load.image('grass1', 'https://play.rosebud.ai/assets/grass 1.png?3XSS'); this.load.image('grass2', 'https://play.rosebud.ai/assets/grass 2.png?GVwd'); this.load.image('grass3', 'https://play.rosebud.ai/assets/grass 3.png?3eTq'); this.load.image('grass4', 'https://play.rosebud.ai/assets/grass 4.png?bYIo'); this.load.image('wooden_spoon', 'https://play.rosebud.ai/assets/wooden spoon.png?awmj'); this.load.image('dirt_burrow', 'https://play.rosebud.ai/assets/dirt burrow.jpeg?JkTU'); this.load.image('player', 'https://play.rosebud.ai/assets/Running mouse 1.2.png?puDT'); this.load.image('crow', 'https://play.rosebud.ai/assets/crow 1.png?5zRE'); this.load.image('crow fly 1', 'https://play.rosebud.ai/assets/crow f 1.png?5C3S'); this.load.image('crow fly 2', 'https://play.rosebud.ai/assets/crow f 2.png?wLcZ'); this.load.image('crow fly 3', 'https://play.rosebud.ai/assets/crow f 3.png?BKQd'); this.load.image('crow fly 4', 'https://play.rosebud.ai/assets/crow f 4.png?WNNc'); this.load.image('crow fly 5', 'https://play.rosebud.ai/assets/crow f 5.png?z5SQ'); this.load.image('crow fly 6', 'https://play.rosebud.ai/assets/crow f 6.png?NZrE'); this.load.image('oak_tree', 'https://play.rosebud.ai/assets/oak tree icon.png?6gZe'); this.load.image('apple', 'https://play.rosebud.ai/assets/red apple.png?olxV'); this.load.image('yellow_apple', 'https://play.rosebud.ai/assets/apple.png?E21Q'); this.load.image('green_apple', 'https://play.rosebud.ai/assets/green apple.png?7gRz'); this.load.image('player walk 0', 'https://play.rosebud.ai/assets/Running mouse 2.2.png?XW3g'); this.load.image('player walk 3', 'https://play.rosebud.ai/assets/Running mouse 3.2.png?LxdN'); this.load.image('silver_coin', 'https://play.rosebud.ai/assets/redwall inspired silver coin with oak leaf.png?jAur'); this.load.image('rock_burrow', 'https://play.rosebud.ai/assets/rock burrow.jpeg?dgCI'); this.load.image('copper_acorn', 'https://play.rosebud.ai/assets/copper acorn.png?HYn1'); this.load.image('parchment_recipe', 'https://play.rosebud.ai/assets/parchment recipe.png?I11X'); this.load.image('log_burrow', 'https://play.rosebud.ai/assets/log burrow.jpeg?u0zd'); this.load.image('apple_pie', 'https://play.rosebud.ai/assets/apple pie.png?6qO8'); this.load.image('mortar_pestle', 'https://play.rosebud.ai/assets/mortar and pestle.png?jUnO'); this.load.image('flour_bag', 'https://play.rosebud.ai/assets/bag of flour.png?aEEw'); this.load.image('blueberry', 'https://play.rosebud.ai/assets/blueberry.png?pbYz'); this.load.image('hearth', 'https://play.rosebud.ai/assets/stone oven fire.png?DFqX'); this.load.image('pinecone', 'https://play.rosebud.ai/assets/pinecone.png?dmla'); this.load.image('acorn_bread', 'https://play.rosebud.ai/assets/acorn bread.png?zpJR'); this.load.image('blueberry_muffin', 'https://play.rosebud.ai/assets/blueberry pie.png?3cgx'); this.load.image('apple_cider', 'https://play.rosebud.ai/assets/apple fizzy drink.png?HxAX'); this.load.image('glass_jar', 'https://play.rosebud.ai/assets/glass jar.png?cGYm'); this.load.image('moss_burrow', 'https://play.rosebud.ai/assets/moss burrow.jpeg?qHg8'); this.load.image('basic_house', 'https://play.rosebud.ai/assets/basic house.jpeg?7plz'); this.load.image('nice_house', 'https://play.rosebud.ai/assets/nice house.jpeg?N97D'); } create() { // Creating grass tiles for the world for (let i = 0; i < 800; i += 32) { for (let j = 10; j < 610; j += 32) { // Start from 10 and go to 610 let grassType = Phaser.Math.Between(0, 10); if (grassType <= 4) { this.add.image(i, j, 'grass1').setScale(2).setDepth(0); } else if (grassType <= 6) { this.add.image(i, j, 'grass2').setScale(2).setDepth(0); } else if (grassType <= 8) { this.add.image(i, j, 'grass3').setScale(2).setDepth(0); } else { this.add.image(i, j, 'grass4').setScale(2).setDepth(0); } } } // Creating player this.player = this.physics.add.sprite(50, 300, 'player').setScale(1); this.player.setCollideWorldBounds(true); // Player movement variables this.playerSpeed = 160; this.playerVelocity = new Phaser.Math.Vector2(); // Creating the player walk animations this.anims.create({ key: 'walk', frames: [{ key: 'player walk 0', scale: 1 }, { key: 'player walk 3', scale: 1 }], frameRate: 8, repeat: -1 }); // Add recipe icon spawn timer this.time.delayedCall(120000, () => { this.recipeIconSpawned = false; }); this.recipeIconSpawned = false; // Creating crow fly animations this.anims.create({ key: 'crow', frames: [{ key: 'crow fly 1', scale: 1.75 }, { key: 'crow fly 2', scale: 1.75 }, { key: 'crow fly 3', scale: 1.75 }, { key: 'crow fly 4', scale: 1.75 }, { key: 'crow fly 5', scale: 1.75 }, { key: 'crow fly 6', scale: 1.75 }], frameRate: 10, repeat: -1 }); // Creating crow // Create a single crow this.crow = this.physics.add.sprite(400, 300, 'crow').setScale(0.39).setDepth(2); this.crow.setCollideWorldBounds(true); this.crow.setBounce(0.2); this.crow.setVelocity(0, 0); this.crow.anims.stop(); // Create oak tree group this.oakTrees = this.physics.add.staticGroup(); // Setting up controls this.cursors = this.input.keyboard.createCursorKeys(); // Creating the attack key (A) this.attackKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.A); // Create apple group this.apples = this.physics.add.group(); // Add score this.score = 0; // Create a panel for the apple points this.applePanel = this.add.container(400, 50); this.applePanel.setDepth(1000); this.applePanel.visible = false; const panelBg = this.add.graphics(); panelBg.fillStyle(0xffffff, 0.7); panelBg.fillRoundedRect(-100, -25, 200, 50, 10); this.applePanel.add(panelBg); this.scoreText = this.add.text(0, 0, 'Apple pts: 0', { fontSize: '28px', fill: '#000000', fontFamily: '"Comic Neue", cursive', fontWeight: 'bold' }).setOrigin(0.5); this.applePanel.add(this.scoreText); // Add copper coins this.copperCoins = 0; // Add copper coins this.copperCoins = 0; // Add acorn tally this.acornCount = 0; // Spawn apples this.spawnApples(); // Spawn oak trees this.spawnOakTrees(); // Collision detection this.physics.add.overlap(this.player, this.apples, this.collectApple, null, this); this.physics.add.collider(this.player, this.oakTrees); this.physics.add.overlap(this.player, this.crow, this.crowCatchesPlayer, null, this); // Add dirt burrow as mouse's home this.dirtBurrow = this.add.image(0, 600, 'dirt_burrow'); this.dirtBurrow.setOrigin(0, 1); // Set origin to bottom-left this.dirtBurrow.setScale(0.1); // Scale down by 50% this.dirtBurrow.setDepth(600); // Set depth based on y-position this.dirtBurrow.setInteractive(); // Make the burrow interactive this.dirtBurrow.on('pointerdown', this.upgradeBurrow, this); // Add label for burrow name // Create a rounded rectangle background for the burrow label const labelBg = this.add.graphics(); labelBg.fillStyle(0xffffff, 0.7); labelBg.fillRoundedRect( this.dirtBurrow.x + this.dirtBurrow.displayWidth / 2 - 50, this.dirtBurrow.y - this.dirtBurrow.displayHeight - 30, 100, 25, 10 ); labelBg.setDepth(600); // Create the text label this.burrowLabel = this.add.text( this.dirtBurrow.x + this.dirtBurrow.displayWidth / 2, this.dirtBurrow.y - this.dirtBurrow.displayHeight - 17, 'Dirt Burrow', { fontSize: '16px', fill: '#000000', fontFamily: '"Comic Neue", cursive' } ).setOrigin(0.5).setDepth(601); // Add parchment recipe to the right of the burrow this.parchmentRecipe = this.add.image(this.dirtBurrow.displayWidth + 10, 600, 'parchment_recipe'); this.parchmentRecipe.setOrigin(0, 1); // Set origin to bottom-left this.parchmentRecipe.setScale(0.05); // Adjust scale as needed this.parchmentRecipe.setDepth(600); // Set depth to match the burrow this.parchmentRecipe.setInteractive(); // Make the recipe icon interactive this.parchmentRecipe.on('pointerdown', () => { if (this.kitchenPanel.visible) { this.kitchenPanel.visible = false; } this.toggleRecipesPanel(); }, this); // Add label for recipes icon const recipesLabelBg = this.add.graphics(); recipesLabelBg.fillStyle(0xffffff, 0.7); recipesLabelBg.fillRoundedRect( this.parchmentRecipe.x + this.parchmentRecipe.displayWidth / 2 - 32, // Moved 2px left this.parchmentRecipe.y - this.parchmentRecipe.displayHeight - 30, 60, 25, 10 ); recipesLabelBg.setDepth(600); this.recipesLabel = this.add.text( this.parchmentRecipe.x + this.parchmentRecipe.displayWidth / 2 - 2, // Moved 2px left this.parchmentRecipe.y - this.parchmentRecipe.displayHeight - 17, 'Recipes', { fontSize: '14px', fill: '#000000', fontFamily: '"Comic Neue", cursive' } ).setOrigin(0.5).setDepth(601); // Create the recipes panel (initially hidden) this.createRecipesPanel(); // Create upgrade button this.upgradeButton = this.add.container(0, 0); this.upgradeButton.setDepth(601); // Set depth higher than the burrow // Add coin number text (moved 5px left) this.upgradeCoinText = this.add.text(-5, 0, '5', { fontSize: '16px', fill: '#000', fontFamily: '"Comic Neue", cursive' }).setOrigin(1, 0.5); // Add coin icon (position adjusted relative to text) this.upgradeCoinIcon = this.add.image(2, 0, 'silver_coin').setScale(0.0312); // Add background (adjusted for new text position) this.upgradeButtonBg = this.add.graphics(); this.upgradeButtonBg.fillStyle(0x90EE90, 1); this.upgradeButtonBg.fillRoundedRect(-45, -15, 50, 30, 10); // Add elements to the container this.upgradeButton.add(this.upgradeButtonBg); this.upgradeButton.add(this.upgradeCoinText); this.upgradeButton.add(this.upgradeCoinIcon); // Make the container interactive this.upgradeButton.setSize(50, 30); this.upgradeButton.setInteractive({ useHandCursor: true }); this.upgradeButton.on('pointerdown', this.upgradeBurrow, this); this.upgradeButton.setVisible(true); // Position the upgrade button above the burrow this.positionUpgradeButton(); // Removed parchment recipe and related code // Add wooden spoon icon to the right of the recipe icon const spoonX = this.parchmentRecipe.x + this.parchmentRecipe.displayWidth + 10; this.woodenSpoon = this.add.image(spoonX, 590, 'wooden_spoon'); this.woodenSpoon.setOrigin(0, 1); this.woodenSpoon.setScale(0.05); this.woodenSpoon.setDepth(600); this.woodenSpoon.setInteractive(); // Make the spoon icon interactive this.woodenSpoon.on('pointerdown', () => { if (this.recipesPanel.visible) { this.recipesPanel.visible = false; } this.toggleKitchenPanel(); }, this); // Add label for kitchen icon const kitchenLabelBg = this.add.graphics(); kitchenLabelBg.fillStyle(0xffffff, 0.7); kitchenLabelBg.fillRoundedRect( this.woodenSpoon.x + this.woodenSpoon.displayWidth / 2 - 28, // Moved 2px right this.woodenSpoon.y - this.woodenSpoon.displayHeight - 26, 60, 25, 10 ); kitchenLabelBg.setDepth(600); this.kitchenLabel = this.add.text( this.woodenSpoon.x + this.woodenSpoon.displayWidth / 2 + 2, // Moved 2px right this.woodenSpoon.y - this.woodenSpoon.displayHeight - 13, 'Kitchen', { fontSize: '14px', fill: '#000000', fontFamily: '"Comic Neue", cursive' } ).setOrigin(0.5).setDepth(601); // Create the kitchen panel (initially hidden) this.createKitchenPanel(); // Create the woodland resources panel this.createWoodlandResourcesPanel(); // Player movement will now be handled in the update method } createWoodlandResourcesPanel() { this.woodlandPanel = this.add.container(10, 10); this.woodlandPanel.setDepth(1000); this.woodlandPanel.visible = false; const panelBg = this.add.graphics(); panelBg.fillStyle(0xffffff, 0.7); panelBg.fillRoundedRect(0, 0, 195, 210, 10); // Increased height to accommodate pinecones this.woodlandPanel.add(panelBg); // When creating the sell apple button background const sellAppleButtonBg = this.add.graphics(); sellAppleButtonBg.fillStyle(0x4CAF50, 1); sellAppleButtonBg.fillRoundedRect(158, 64, 32, 24, 8); sellAppleButtonBg.setName('sellAppleButtonBg'); this.woodlandPanel.add(sellAppleButtonBg); // When creating the sell blueberry button background const sellBlueberryButtonBg = this.add.graphics(); sellBlueberryButtonBg.fillStyle(0x4CAF50, 1); sellBlueberryButtonBg.fillRoundedRect(158, 94, 32, 24, 8); sellBlueberryButtonBg.setName('sellBlueberryButtonBg'); this.woodlandPanel.add(sellBlueberryButtonBg); const titleText = this.add.text(97, 10, 'Woodland Resources', { fontSize: '16px', fill: '#000000', fontFamily: '"Comic Neue", cursive', fontWeight: 'bold' }).setOrigin(0.5, 0); this.woodlandPanel.add(titleText); const coinIcon = this.add.image(20, 40, 'silver_coin').setScale(0.036); const appleIcon = this.add.image(20, 70, 'apple').setScale(0.03); const blueberryIcon = this.add.image(20, 100, 'blueberry').setScale(0.06); const acornIcon = this.add.image(25, 130, 'copper_acorn').setScale(0.04); const flourIcon = this.add.image(20, 160, 'flour_bag').setScale(0.03); const pineconeIcon = this.add.image(20, 190, 'pinecone').setScale(0.03); this.woodlandPanel.add([coinIcon, appleIcon, blueberryIcon, acornIcon, flourIcon, pineconeIcon]); const textStyle = { fontSize: '16px', fill: '#000000', fontFamily: '"Comic Neue", cursive', fontWeight: 'bold' }; this.coinText = this.add.text(50, 32, 'Coins: 0', textStyle); this.applePtsText = this.add.text(50, 62, 'Apples: 0', textStyle); this.blueberryText = this.add.text(50, 92, 'Blueberries: 0', textStyle); this.acornText = this.add.text(50, 122, 'Acorns: 0', textStyle); this.flourText = this.add.text(50, 152, 'Acorn Flour: 0', textStyle); this.pineconeText = this.add.text(50, 182, 'Pinecones: 0', textStyle); this.woodlandPanel.add([this.coinText, this.applePtsText, this.blueberryText, this.acornText, this.flourText, this.pineconeText]); // Add sell buttons (20% smaller and adjusted for new panel width, moved 10px left) // Use the existing sellAppleButtonBg this.sellAppleButton = this.add.text(174, 76, 'Sell', { // Adjusted x position fontSize: '11px', fill: '#FFFFFF', fontFamily: '"Comic Neue", cursive', fontWeight: 'bold' }).setOrigin(0.5); this.sellAppleButton.setInteractive(); this.sellAppleButton.on('pointerdown', this.sellApples, this); this.woodlandPanel.add(this.sellAppleButton); // Use the existing sellBlueberryButtonBg this.sellBlueberryButton = this.add.text(174, 106, 'Sell', { // Adjusted x position fontSize: '11px', fill: '#FFFFFF', fontFamily: '"Comic Neue", cursive', fontWeight: 'bold' }).setOrigin(0.5); this.sellBlueberryButton.setInteractive(); this.sellBlueberryButton.on('pointerdown', this.sellBlueberries, this); this.woodlandPanel.add(this.sellBlueberryButton); // Add Grind button with green box background const grindButtonBg = this.add.graphics(); grindButtonBg.fillStyle(0x4CAF50, 1); grindButtonBg.fillRoundedRect(158, 124, 32, 24, 8); // Adjusted x position this.woodlandPanel.add(grindButtonBg); this.grindButton = this.add.text(174, 136, 'Grind', { // Adjusted x position fontSize: '11px', fill: '#FFFFFF', fontFamily: '"Comic Neue", cursive', fontWeight: 'bold' }).setOrigin(0.5); this.grindButton.setInteractive(); this.grindButton.on('pointerdown', this.grindAcorns, this); this.woodlandPanel.add(this.grindButton); // Add hover effects this.addButtonHoverEffect(this.sellAppleButton, sellAppleButtonBg, 158, 64, 32, 24); // Adjusted x position this.addButtonHoverEffect(this.sellBlueberryButton, sellBlueberryButtonBg, 158, 94, 32, 24); // Adjusted x position this.addButtonHoverEffect(this.grindButton, grindButtonBg, 158, 124, 32, 24); // Adjusted x position // Store the grind button background for later use this.grindButtonBg = grindButtonBg; } addButtonHoverEffect(button, buttonBg, x, y, width, height) { button.on('pointerover', () => { buttonBg.clear(); buttonBg.fillStyle(0x45a049, 1); buttonBg.fillRoundedRect(x, y, width, height, 8); }); button.on('pointerout', () => { buttonBg.clear(); buttonBg.fillStyle(0x4CAF50, 1); buttonBg.fillRoundedRect(x, y, width, height, 8); }); } positionUpgradeButton() { this.upgradeButton.x = this.dirtBurrow.x + (this.dirtBurrow.displayWidth / 2) + 28; // Added 28 pixels to move right this.upgradeButton.y = this.dirtBurrow.y - this.dirtBurrow.displayHeight - 10 + 25; // Added 25 pixels to move down } updateUpgradeButton() { const upgradeCost = parseInt(this.upgradeCoinText.text); const hasEnoughCoins = this.copperCoins >= upgradeCost; this.upgradeButtonBg.clear(); if (hasEnoughCoins) { this.upgradeButtonBg.fillStyle(0x90EE90, 1); // Green with full opacity } else { this.upgradeButtonBg.fillStyle(0xFFFFFF, 0.5); // White with 50% opacity } const originalWidth = this.upgradeCoinText.width + this.upgradeCoinIcon.width + 20; const newWidth = Math.max(originalWidth - 610, 40); // Ensure minimum width of 40 pixels const rectX = -this.upgradeCoinText.width - 10; this.upgradeButtonBg.fillRoundedRect(rectX, -15, newWidth, 30, 10); // Adjust text and icon positions (moved text 5px more to the right) this.upgradeCoinText.setX(rectX + 20); // Changed from 15 to 20 this.upgradeCoinIcon.setX(this.upgradeCoinText.x + this.upgradeCoinText.width + 7); } update(time, delta) { try { if (this.player) { this.updatePlayerDepth(); // Player movement const speed = 160; let velocityX = 0; let velocityY = 0; // Check player's position relative to the burrow const distToBurrow = Phaser.Math.Distance.Between(this.player.x, this.player.y, 0, 600); if (distToBurrow < 200) { this.woodlandPanel.visible = true; this.updateWoodlandResourcesPanel(); } else { this.woodlandPanel.visible = false; } // Update upgrade button text if necessary, but don't show/hide it if (this.dirtBurrow.texture.key === 'dirt_burrow') { this.upgradeCoinText.setText('5'); } else if (this.dirtBurrow.texture.key === 'rock_burrow') { this.upgradeCoinText.setText('10'); } else if (this.dirtBurrow.texture.key === 'log_burrow') { this.upgradeCoinText.setText('15'); } else if (this.dirtBurrow.texture.key === 'leaf_burrow') { this.upgradeCoinText.setText('20'); } else if (this.dirtBurrow.texture.key === 'grass_burrow') { this.upgradeCoinText.setText('25'); } else if (this.dirtBurrow.texture.key === 'moss_burrow') { this.upgradeCoinText.setText('30'); } else if (this.dirtBurrow.texture.key === 'basic_house') { this.upgradeCoinText.setText('35'); } // Update the position of the coin icon this.upgradeCoinIcon.setPosition(this.upgradeCoinText.width + 2, 0); // Update the upgrade button appearance this.updateUpgradeButton(); // Adjust the container size const newWidth = (this.upgradeCoinText.width + this.upgradeCoinIcon.width + 20) * 0.05; this.upgradeButton.setSize(this.upgradeCoinText.width + newWidth, 30); // Removed crafting option check if (this.cursors.left.isDown) { velocityX = -speed; this.player.flipX = true; } else if (this.cursors.right.isDown) { velocityX = speed; this.player.flipX = false; } if (this.cursors.up.isDown) { velocityY = -speed; } else if (this.cursors.down.isDown) { velocityY = speed; } this.player.setVelocity(velocityX, velocityY); // Player animation if (velocityX !== 0 || velocityY !== 0) { this.player.anims.play('walk', true); } else { this.player.anims.stop(); this.player.setTexture('player'); this.player.setScale(1); // Ensure the scale is correct for the new image } // Player attack if (Phaser.Input.Keyboard.JustDown(this.attackKey) && !this.isAttacking) { this.isAttacking = true; this.player.anims.play('attack', true); this.player.once('animationcomplete', () => { this.isAttacking = false; }); } } // Crow AI if (this.crow && this.player) { // Update crow every 100ms instead of every frame if (time % 100 < 20) { // Calculate distance from player to bottom left corner const distToBurrow = Phaser.Math.Distance.Between(this.player.x, this.player.y, 0, 600); if (distToBurrow < 200) { // Player is near the burrow, crow stops chasing this.crow.setVelocity(0, 0); this.crow.anims.stop(); this.crow.setTexture('crow'); } else { const distance = Phaser.Math.Distance.Between(this.player.x, this.player.y, this.crow.x, this.crow.y); if (distance < 200) { this.crow.flipX = this.player.x < this.crow.x; const angle = Phaser.Math.Angle.Between(this.crow.x, this.crow.y, this.player.x, this.player.y); let crowSpeed = 120; // Check if crow is overlapping with any oak tree let isOverlappingTree = false; this.physics.overlapRect(this.crow.x, this.crow.y, 1, 1, false, true, this.oakTrees, (crow, tree) => { isOverlappingTree = true; }); // Reduce speed by 25% if overlapping with a tree if (isOverlappingTree) { crowSpeed *= 0.75; } this.crow.setVelocity( Math.cos(angle) * crowSpeed, Math.sin(angle) * crowSpeed ); this.crow.anims.play('crow', true); } else { this.crow.setVelocity(0, 0); this.crow.anims.stop(); this.crow.setTexture('crow').setScale(0.39); } } } } } catch (error) { console.error('Error in update function:', error); } // Removed automatic conversion } spawnApples() { for (let i = 0; i < this.itemSpawnCount; i++) { const x = Phaser.Math.Between(50, 750); const y = Phaser.Math.Between(50, 550); let item; const itemType = Phaser.Math.Between(1, 100); if (!this.recipeIconSpawned && itemType === 1) { // 1% chance for recipe icon item = this.apples.create(x, y, 'recipe_icon'); item.setData('type', 'recipe'); item.setScale(0.05); this.recipeIconSpawned = true; } else if (itemType <= 15) { // 14% chance for copper acorn (increased from 12%) item = this.apples.create(x, y, 'copper_acorn'); item.setData('points', 10); item.setScale(0.05); } else if (itemType <= 20) { // 5% chance for green apple item = this.apples.create(x, y, 'green_apple'); item.setData('points', 5); item.setScale(0.0375 * 1.2); // Increased by 20% } else if (itemType <= 30) { // 10% chance for yellow apple item = this.apples.create(x, y, 'yellow_apple'); item.setData('points', 3); item.setScale(0.0375 * 1.15); // Increased by 15% } else if (itemType <= 40) { // 10% chance for blueberry item = this.apples.create(x, y, 'blueberry'); item.setData('points', 2); item.setScale(0.1); // Increased by 100% } else if (itemType <= 52) { // 12% chance for pinecone (increased from 10%) item = this.apples.create(x, y, 'pinecone'); item.setData('type', 'pinecone'); item.setScale(0.05); } else { // 48% chance for red apple (reduced from 52% to accommodate increased acorns and pinecones) item = this.apples.create(x, y, 'apple'); item.setData('points', 1); item.setScale(0.0375); } } } collectApple(player, item) { item.disableBody(true, true); if (item.texture.key === 'recipe_icon') { const applePieRecipe = this.recipes.find(recipe => recipe.name === 'Apple Pie'); if (applePieRecipe && !applePieRecipe.unlocked) { this.unlockRecipe(applePieRecipe); this.showMessage('You found the Apple Pie recipe!'); } else { this.showMessage('You already have the Apple Pie recipe.'); } } else if (item.texture.key === 'pinecone') { this.pineconeCount++; this.showMessage('You collected a pinecone!'); } else { const points = item.getData('points'); if (item.texture.key === 'copper_acorn') { this.acornCount++; } else if (item.texture.key === 'blueberry') { this.blueberryCount++; } else { this.score = Math.max(0, this.score + points); } } this.updateWoodlandResourcesPanel(); // Spawn a new item when one is collected const x = Phaser.Math.Between(50, 750); const y = Phaser.Math.Between(50, 550); let newItem; const itemType = Phaser.Math.Between(1, 100); if (!this.recipeIconSpawned && itemType === 1) { // 1% chance for recipe icon newItem = this.apples.create(x, y, 'recipe_icon'); newItem.setData('type', 'recipe'); newItem.setScale(0.05); this.recipeIconSpawned = true; } else if (itemType <= 11) { // 10% chance for copper acorn (increased from 8%) newItem = this.apples.create(x, y, 'copper_acorn'); newItem.setData('points', 10); newItem.setScale(0.05); } else if (itemType <= 16) { // 5% chance for green apple newItem = this.apples.create(x, y, 'green_apple'); newItem.setData('points', 5); newItem.setScale(0.0375 * 1.2); // Increased by 20% } else if (itemType <= 26) { // 10% chance for yellow apple newItem = this.apples.create(x, y, 'yellow_apple'); newItem.setData('points', 3); newItem.setScale(0.0375 * 1.15); // Increased by 15% } else if (itemType <= 36) { // 10% chance for blueberry newItem = this.apples.create(x, y, 'blueberry'); newItem.setData('points', 2); newItem.setScale(0.1); // Increased by 100% } else if (itemType <= 40) { // 4% chance for pinecone (new) newItem = this.apples.create(x, y, 'pinecone'); newItem.setData('type', 'pinecone'); newItem.setScale(0.05); } else { // 62% chance for red apple (reduced from 66% to accommodate increased acorns and new pinecones) newItem = this.apples.create(x, y, 'apple'); newItem.setData('points', 1); newItem.setScale(0.0375); } } unlockRecipe(recipe) { recipe.unlocked = true; recipe.iconObject.setAlpha(1); recipe.textObject.setAlpha(1); this.updateRecipeButtonOpacity(recipe); this.checkGameCompletion(); } spawnOakTrees() { const numberOfTrees = Phaser.Math.Between(5, 10); for (let i = 0; i < numberOfTrees; i++) { const x = Phaser.Math.Between(50, 750); const y = Phaser.Math.Between(50, 550); const oakTree = this.oakTrees.create(x, y, 'oak_tree'); oakTree.setScale(0.2).refreshBody(); oakTree.setDepth(y); oakTree.bottomY = y + (oakTree.height * oakTree.scaleY * 0.75); // Store the y-position of the bottom 25% of the tree } // Set up timer to relocate a random oak tree every 20 seconds this.time.addEvent({ delay: 20000, callback: this.relocateRandomOakTree, callbackScope: this, loop: true }); } relocateRandomOakTree() { if (this.oakTrees.getChildren().length > 0) { const randomTree = Phaser.Utils.Array.GetRandom(this.oakTrees.getChildren()); // Fade out the tree this.tweens.add({ targets: randomTree, alpha: 0, duration: 1000, onComplete: () => { // Move the tree to a new random location const newX = Phaser.Math.Between(50, 750); const newY = Phaser.Math.Between(50, 550); randomTree.setPosition(newX, newY); randomTree.bottomY = newY + (randomTree.height * randomTree.scaleY * 0.75); randomTree.setDepth(newY); // Fade in the tree at the new location this.tweens.add({ targets: randomTree, alpha: 1, duration: 1000 }); } }); } } updatePlayerDepth() { let playerBottom = this.player.y + this.player.height * this.player.scaleY; let newDepth = playerBottom; this.oakTrees.children.entries.forEach(tree => { if (playerBottom > tree.bottomY) { newDepth = Math.max(newDepth, tree.depth + 1); } else { newDepth = Math.min(newDepth, tree.depth - 1); } }); // Consider the dirt burrow's depth if (playerBottom > this.dirtBurrow.y) { newDepth = Math.max(newDepth, this.dirtBurrow.depth + 1); } else { newDepth = Math.min(newDepth, this.dirtBurrow.depth - 1); } // Consider the wooden spoon's depth if (playerBottom > this.woodenSpoon.y) { newDepth = Math.max(newDepth, this.woodenSpoon.depth + 1); } else { newDepth = Math.min(newDepth, this.woodenSpoon.depth - 1); } this.player.setDepth(newDepth); } updateScoreBackground() { // Update only the apple panel const panelBg = this.applePanel.getAt(0); panelBg.clear(); panelBg.fillStyle(0xffffff, 0.7); panelBg.fillRoundedRect(-100, -25, 200, 50, 10); } convertApplePointsToCoin() { if (this.score >= 10) { this.score -= 10; this.copperCoins += 1; this.updateWoodlandResourcesPanel(); // Show conversion message const conversionText = this.add.text(this.woodlandPanel.x + 90, this.woodlandPanel.y + 170, '10 Apples converted to 1 Coin!', { fontSize: '14px', fill: '#00FF00', backgroundColor: '#000000', padding: { x: 5, y: 2 }, fontFamily: '"Comic Neue", cursive' }).setOrigin(0.5).setDepth(10000); this.time.delayedCall(1000, () => conversionText.destroy()); } else { // Show error message const errorText = this.add.text(this.woodlandPanel.x + 90, this.woodlandPanel.y + 170, 'Not enough apples!', { fontSize: '14px', fill: '#FF0000', backgroundColor: '#000000', padding: { x: 5, y: 2 } }).setOrigin(0.5); this.time.delayedCall(1000, () => errorText.destroy()); } } upgradeBurrow() { if (this.copperCoins >= 5 && this.dirtBurrow.texture.key === 'dirt_burrow') { this.copperCoins -= 5; this.coinText.setText(this.copperCoins.toString()); this.dirtBurrow.setTexture('rock_burrow'); this.upgradeCoinText.setText('10'); this.updateUpgradeButton(); this.burrowLabel.setText('Rock Burrow'); } else if (this.copperCoins >= 10 && this.dirtBurrow.texture.key === 'rock_burrow') { this.copperCoins -= 10; this.coinText.setText(this.copperCoins.toString()); this.dirtBurrow.setTexture('log_burrow'); this.upgradeCoinText.setText('15'); this.updateUpgradeButton(); this.spawnAcornBreadRecipe(); this.burrowLabel.setText('Log Burrow'); } else if (this.copperCoins >= 15 && this.dirtBurrow.texture.key === 'log_burrow') { this.copperCoins -= 15; this.coinText.setText(this.copperCoins.toString()); this.dirtBurrow.setTexture('leaf_burrow'); this.upgradeCoinText.setText('20'); this.updateUpgradeButton(); this.spawnBlueberryMuffinRecipe(); this.burrowLabel.setText('Leaf Burrow'); } else if (this.copperCoins >= 20 && this.dirtBurrow.texture.key === 'leaf_burrow') { this.copperCoins -= 20; this.coinText.setText(this.copperCoins.toString()); this.dirtBurrow.setTexture('grass_burrow'); this.upgradeCoinText.setText('25'); this.updateUpgradeButton(); this.burrowLabel.setText('Grass Burrow'); } else if (this.copperCoins >= 25 && this.dirtBurrow.texture.key === 'grass_burrow') { this.copperCoins -= 25; this.coinText.setText(this.copperCoins.toString()); this.dirtBurrow.setTexture('moss_burrow'); this.upgradeCoinText.setText('30'); this.updateUpgradeButton(); this.spawnAppleCiderRecipe(); this.burrowLabel.setText('Moss Burrow'); } else if (this.copperCoins >= 30 && this.dirtBurrow.texture.key === 'moss_burrow') { this.copperCoins -= 30; this.coinText.setText(this.copperCoins.toString()); this.dirtBurrow.setTexture('basic_house'); this.upgradeCoinText.setText('35'); this.updateUpgradeButton(); this.showMessage('Congratulations! You\'ve built a basic house!'); this.burrowLabel.setText('Basic House'); } else if (this.copperCoins >= 35 && this.dirtBurrow.texture.key === 'basic_house') { this.copperCoins -= 35; this.coinText.setText(this.copperCoins.toString()); this.dirtBurrow.setTexture('nice_house'); this.upgradeButton.setVisible(false); this.updateUpgradeButton(); this.showMessage('Congratulations! You\'ve built a nice house!'); this.burrowLabel.setText('Nice House'); this.checkGameCompletion(); } else { this.showMessage('Not enough coins for upgrade!'); } } crowCatchesPlayer(player, crow) { // Check if the crow is within 10 pixels of the player const distance = Phaser.Math.Distance.Between(player.x, player.y, crow.x, crow.y); if (distance > 10) { return; // If the crow is too far, don't steal apples } // Steal 5 apples from the player const applesToSteal = Math.min(5, this.score); this.score -= applesToSteal; this.scoreText.setText('Apples: ' + this.score); this.updateScoreBackground(); // Move the crow away from the player const angle = Phaser.Math.Angle.Between(player.x, player.y, crow.x, crow.y); crow.setPosition( player.x + Math.cos(angle) * 200, player.y + Math.sin(angle) * 200 ); // Show a message const stealText = this.add.text(player.x, player.y - 50, `Crow stole ${applesToSteal} apples!`, { fontSize: '18px', fill: '#FF0000', fontFamily: '"Comic Neue", cursive' }).setOrigin(0.5).setDepth(10000); this.tweens.add({ targets: stealText, y: stealText.y - 50, alpha: 0, duration: 2000, onComplete: () => stealText.destroy() }); } updateWoodlandResourcesPanel() { this.coinText.setText(`Coins: ${this.copperCoins}`); this.applePtsText.setText(`Apples: ${this.score}`); this.blueberryText.setText(`Blueberries: ${this.blueberryCount || 0}`); this.acornText.setText(`Acorns: ${this.acornCount}`); this.flourText.setText(`Acorn Flour: ${this.acornFlourCount || 0}`); this.pineconeText.setText(`Pinecones: ${this.pineconeCount || 0}`); // Update sell apple button opacity const canSellApples = this.score >= 10; this.sellAppleButton.setAlpha(canSellApples ? 1 : 0.5); this.sellAppleButton.setPosition(174, this.applePtsText.y + 14); // Update sell apple button background opacity const sellAppleButtonBg = this.sellAppleButton.parentContainer.getByName('sellAppleButtonBg'); if (sellAppleButtonBg) { sellAppleButtonBg.setAlpha(canSellApples ? 1 : 0.5); } // Update sell blueberry button opacity const canSellBlueberries = this.blueberryCount >= 5; this.sellBlueberryButton.setAlpha(canSellBlueberries ? 1 : 0.5); this.sellBlueberryButton.setPosition(174, this.blueberryText.y + 14); // Update sell blueberry button background opacity const sellBlueberryButtonBg = this.sellBlueberryButton.parentContainer.getByName('sellBlueberryButtonBg'); if (sellBlueberryButtonBg) { sellBlueberryButtonBg.setAlpha(canSellBlueberries ? 1 : 0.5); } // Update grind button opacity const canGrindAcorns = this.acornCount >= 5 && this.hasGrinder; this.grindButton.setAlpha(canGrindAcorns ? 1 : 0.5); this.grindButton.setPosition(174, this.acornText.y + 14); this.grindButtonBg.setAlpha(canGrindAcorns ? 1 : 0.5); this.grindButtonBg.clear(); this.grindButtonBg.fillStyle(0x4CAF50, 1); this.grindButtonBg.fillRoundedRect(158, this.acornText.y + 2, 32, 24, 8); // Update kitchen buy buttons if (this.kitchenPanel && this.kitchenPanel.visible) { this.updateKitchenBuyButtons(); } // Update recipe button opacities if (this.recipes) { this.recipes.forEach(recipe => this.updateRecipeButtonOpacity(recipe)); } // Update kitchen buy buttons if (this.kitchenPanel && this.kitchenPanel.visible) { this.updateKitchenBuyButtons(); } } createRecipesPanel() { this.recipesPanel = this.add.container(400, 300); this.recipesPanel.setDepth(1000); this.recipesPanel.visible = false; const panelBg = this.add.graphics(); panelBg.fillStyle(0xffffff, 0.7); panelBg.fillRoundedRect(-150, -200, 300, 400, 20); this.recipesPanel.add(panelBg); const titleText = this.add.text(0, -180, 'Recipes', { fontSize: '24px', fill: '#000000', fontFamily: '"Comic Neue", cursive', fontWeight: 'bold' }).setOrigin(0.5); this.recipesPanel.add(titleText); // Add some sample recipes const recipes = [{ name: 'Apple Pie', ingredients: '10 Apples, 1 Acorn Flour', icon: 'apple_pie', requiresHearth: true, unlocked: false }, { name: 'Acorn Bread', ingredients: '2 Acorn Flour', icon: 'acorn_bread', requiresHearth: true, unlocked: false }, { name: 'Blueberry Muffin', ingredients: '5 Blueberries, 1 Acorn Flour', icon: 'blueberry_muffin', requiresHearth: true, unlocked: false }, { name: 'Apple Cider', ingredients: '15 Apples, 1 Pinecone, 2 Acorns', icon: 'apple_cider', requiresHearth: false, requiresGlassJar: true, unlocked: false }]; recipes.forEach((recipe, index) => { const yPosition = -120 + (index * 80); // Increased spacing between recipes if (recipe.icon) { let scale = recipe.name === 'Acorn Bread' ? 0.054 : 0.045; if (recipe.name === 'Apple Cider') { scale *= 1.15; // Increase Apple Cider icon size by 15% } else if (recipe.name !== 'Apple Cider') { scale *= 0.9; // Decrease other icons by 10% } const icon = this.add.image(-125, yPosition + 25, recipe.icon).setScale(scale).setAlpha(0.5); this.recipesPanel.add(icon); recipe.iconObject = icon; } let recipeText = `${recipe.name}\n${recipe.ingredients}`; if (recipe.requiresHearth) { recipeText += '\n(Requires Hearth)'; } if (recipe.requiresGlassJar) { recipeText += '\n(Requires Glass Jar)'; } const recipeTextObject = this.add.text(-95, yPosition, recipeText, { fontSize: '16px', fill: '#000000', fontFamily: '"Comic Neue", cursive' }).setAlpha(0.5); this.recipesPanel.add(recipeTextObject); recipe.textObject = recipeTextObject; // Add Bake button for both recipes const bakeButtonBg = this.add.graphics(); bakeButtonBg.fillStyle(0x4CAF50, 1); bakeButtonBg.fillRoundedRect(95, yPosition, 40, 25, 10); bakeButtonBg.setAlpha(0.5); this.recipesPanel.add(bakeButtonBg); const buttonText = recipe.name === 'Apple Cider' ? 'Make' : 'Bake'; const actionButton = this.add.text(115, yPosition + 12, buttonText, { fontSize: '14px', fill: '#FFFFFF', fontFamily: '"Comic Neue", cursive' }).setOrigin(0.5).setAlpha(0.5); actionButton.setInteractive(); actionButton.on('pointerdown', () => this.bakeRecipe(recipe.name)); this.recipesPanel.add(actionButton); recipe.actionButton = actionButton; recipe.bakeButtonBg = bakeButtonBg; // Add hover effect actionButton.on('pointerover', () => { if (recipe.unlocked && this.hasEnoughResources(recipe.name)) { bakeButtonBg.clear(); bakeButtonBg.fillStyle(0x45a049, 1); bakeButtonBg.fillRoundedRect(95, yPosition, 40, 25, 10); } }); actionButton.on('pointerout', () => { if (recipe.unlocked) { bakeButtonBg.clear(); bakeButtonBg.fillStyle(0x4CAF50, 1); bakeButtonBg.fillRoundedRect(95, yPosition, 40, 25, 10); this.updateRecipeButtonOpacity(recipe); } }); if (recipe.unlocked) { this.unlockRecipe(recipe); this.updateRecipeButtonOpacity(recipe); } }); // Add close button const closeButton = this.add.text(120, -190, 'X', { fontSize: '24px', fill: '#FF0000', fontFamily: '"Comic Neue", cursive', fontWeight: 'bold' }).setInteractive(); closeButton.on('pointerdown', this.toggleRecipesPanel, this); this.recipesPanel.add(closeButton); // Store recipes for later use this.recipes = recipes; } toggleRecipesPanel() { if (this.kitchenPanel.visible) { this.kitchenPanel.visible = false; } this.recipesPanel.visible = !this.recipesPanel.visible; } hasEnoughResources(recipeName) { switch (recipeName) { case 'Apple Pie': return this.score >= 10 && this.acornFlourCount >= 1 && this.hasHearth; case 'Acorn Bread': return this.acornFlourCount >= 2 && this.hasHearth; case 'Blueberry Muffin': return this.blueberryCount >= 5 && this.acornFlourCount >= 1 && this.hasHearth; case 'Apple Cider': return this.score >= 15 && this.pineconeCount >= 1 && this.acornCount >= 2 && this.hasGlassJar; default: return false; } } updateRecipeButtonOpacity(recipe) { const hasResources = this.hasEnoughResources(recipe.name); const alpha = recipe.unlocked && hasResources ? 1 : 0.5; recipe.actionButton.setAlpha(alpha); recipe.bakeButtonBg.setAlpha(alpha); } bakeRecipe(recipeName) { if (!this.hasEnoughResources(recipeName)) { this.showMessage(`Not enough resources to make ${recipeName}!`); return; } switch (recipeName) { case 'Apple Pie': this.score -= 10; this.acornFlourCount -= 1; this.copperCoins += 3; this.showMessage('Apple Pie baked successfully! You earned 3 coins!'); break; case 'Acorn Bread': this.acornFlourCount -= 2; this.copperCoins += 4; this.showMessage('Acorn Bread baked successfully! You earned 4 coins!'); break; case 'Blueberry Muffin': this.blueberryCount -= 5; this.acornFlourCount -= 1; this.copperCoins += 5; this.showMessage('Blueberry Muffin baked successfully! You earned 5 coins!'); break; case 'Apple Cider': this.score -= 15; this.pineconeCount -= 1; this.acornCount -= 2; this.copperCoins += 3; this.showMessage('Apple Cider made successfully! You earned 3 coins!'); break; } this.updateWoodlandResourcesPanel(); this.recipes.forEach(recipe => this.updateRecipeButtonOpacity(recipe)); } showMessage(text) { const container = this.add.container(400, 300).setDepth(10000); // Create a temporary text object to measure the width const tempText = this.add.text(0, 0, text, { fontSize: '18px', fontFamily: '"Comic Neue", cursive' }); // Calculate the width of the background based on the text width const padding = 20; const bgWidth = tempText.width + padding * 2; const bgHeight = 40; // Create the background const background = this.add.graphics(); background.fillStyle(0x000000, 0.7); background.fillRoundedRect(-bgWidth / 2, -bgHeight / 2, bgWidth, bgHeight, 20); container.add(background); // Create the actual message text const message = this.add.text(0, 0, text, { fontSize: '18px', fill: '#FFFFFF', fontFamily: '"Comic Neue", cursive' }).setOrigin(0.5); container.add(message); // Remove the temporary text tempText.destroy(); this.time.delayedCall(2000, () => container.destroy()); } createKitchenPanel() { this.kitchenPanel = this.add.container(400, 300); this.kitchenPanel.setDepth(1000); this.kitchenPanel.visible = false; const panelBg = this.add.graphics(); panelBg.fillStyle(0xffffff, 0.7); panelBg.fillRoundedRect(-150, -200, 300, 450, 20); // Increased height to 450 this.kitchenPanel.add(panelBg); const titleText = this.add.text(0, -180, 'Kitchen', { fontSize: '24px', fill: '#000000', fontFamily: '"Comic Neue", cursive', fontWeight: 'bold' }).setOrigin(0.5); this.kitchenPanel.add(titleText); // Add kitchen items or cooking options this.kitchenItems = [{ name: 'Grinder', description: 'Grind ingredients', image: 'mortar_pestle', price: 5 }, { name: 'Hearth', description: 'Cook and bake', image: 'hearth', price: 2 }, { name: 'Glass Jar', description: 'For cidermaking', image: 'glass_jar', price: 7 }, { name: 'Woven Basket', description: 'Carry more items', image: 'woven_basket', price: 10 }]; this.kitchenItems.forEach((item, index) => { const yPosition = -120 + (index * 70); // Adjusted spacing for new item if (item.image) { let scale = item.name === 'Hearth' ? 0.055 : 0.05; const itemImage = this.add.image(-125, yPosition + 15, item.image).setScale(scale).setAlpha(0.5); this.kitchenPanel.add(itemImage); item.image = itemImage; // Store reference to the image } const itemText = this.add.text(-100, yPosition, `${item.name}\n${item.description}`, { fontSize: '16px', fill: '#000000', fontFamily: '"Comic Neue", cursive' }).setAlpha(0.5); this.kitchenPanel.add(itemText); item.text = itemText; // Store reference to the text if (item.price) { const buyButtonBg = this.add.graphics(); buyButtonBg.fillStyle(0x4CAF50, 1); buyButtonBg.fillRoundedRect(50, yPosition, 40, 25, 10); this.kitchenPanel.add(buyButtonBg); const buyButton = this.add.text(70, yPosition + 12, 'Buy', { fontSize: '14px', fill: '#FFFFFF', fontFamily: '"Comic Neue", cursive' }).setOrigin(0.5).setInteractive(); // Add hover effect buyButton.on('pointerover', () => { buyButtonBg.clear(); buyButtonBg.fillStyle(0x45a049, 1); buyButtonBg.fillRoundedRect(50, yPosition, 40, 25, 10); }); buyButton.on('pointerout', () => { buyButtonBg.clear(); buyButtonBg.fillStyle(0x4CAF50, 1); buyButtonBg.fillRoundedRect(50, yPosition, 40, 25, 10); }); buyButton.on('pointerdown', () => this.buyKitchenItem(item.name, item.price, buyButton, priceText)); const priceText = this.add.text(100, yPosition, `${item.price}`, { fontSize: '14px', fill: '#000000', fontFamily: '"Comic Neue", cursive' }); const coinIcon = this.add.image(priceText.x + priceText.width + 10, yPosition + 7, 'silver_coin').setScale(0.0312); this.kitchenPanel.add(priceText); this.kitchenPanel.add(coinIcon); this.kitchenPanel.add(buyButton); // Store references to the button and price text item.buyButton = buyButton; item.priceText = priceText; item.buyButtonBg = buyButtonBg; } }); // Add close button const closeButton = this.add.text(115, -190, 'X', { fontSize: '24px', fill: '#FF0000', fontFamily: '"Comic Neue", cursive', fontWeight: 'bold' }).setInteractive(); closeButton.on('pointerdown', this.toggleKitchenPanel, this); this.kitchenPanel.add(closeButton); // Update buy buttons opacity this.updateKitchenBuyButtons(); } updateKitchenBuyButtons() { this.kitchenItems.forEach(item => { if (item.buyButton && !item.bought) { const canAfford = this.copperCoins >= item.price; item.buyButton.setAlpha(canAfford ? 1 : 0.5); item.buyButtonBg.setAlpha(canAfford ? 1 : 0.5); } }); } toggleKitchenPanel() { if (this.recipesPanel.visible) { this.recipesPanel.visible = false; } this.kitchenPanel.visible = !this.kitchenPanel.visible; if (this.kitchenPanel.visible) { this.updateKitchenBuyButtons(); } } buyKitchenItem(itemName, price, buyButton, priceText) { if (this.copperCoins >= price) { this.copperCoins -= price; this.updateWoodlandResourcesPanel(); this.showMessage(`${itemName} bought successfully!`); if (itemName === 'Grinder') { this.hasGrinder = true; this.updateWoodlandResourcesPanel(); // Update to show the Grind button } else if (itemName === 'Hearth') { this.hasHearth = true; } else if (itemName === 'Glass Jar') { this.hasGlassJar = true; } else if (itemName === 'Woven Basket') { this.itemSpawnCount = 8; // Increase spawn count to 8 when basket is bought this.spawnApples(); // Spawn additional items immediately } // Find the purchased item const purchasedItem = this.kitchenItems.find(item => item.name === itemName); if (purchasedItem) { // Increase opacity of the item image and text if (purchasedItem.image) purchasedItem.image.setAlpha(1); if (purchasedItem.text) purchasedItem.text.setAlpha(1); purchasedItem.bought = true; } // Add green strike-through to buy button and price text const strikethrough = this.add.graphics(); strikethrough.lineStyle(2, 0x00FF00, 1); strikethrough.beginPath(); strikethrough.moveTo(buyButton.x - buyButton.width / 2, buyButton.y); strikethrough.lineTo(buyButton.x + buyButton.width / 2, buyButton.y); strikethrough.strokePath(); this.kitchenPanel.add(strikethrough); const priceStrikethrough = this.add.graphics(); priceStrikethrough.lineStyle(2, 0x00FF00, 1); priceStrikethrough.beginPath(); priceStrikethrough.moveTo(priceText.x, priceText.y + priceText.height / 2); priceStrikethrough.lineTo(priceText.x + priceText.width, priceText.y + priceText.height / 2); priceStrikethrough.strokePath(); this.kitchenPanel.add(priceStrikethrough); // Disable the buy button buyButton.disableInteractive(); buyButton.setAlpha(0.5); } else { this.showMessage(`Not enough coins to buy ${itemName}!`); } this.updateKitchenBuyButtons(); this.checkGameCompletion(); // Add this line to check if the game is completed } sellApples() { if (this.score >= 10) { const applesToSell = Math.floor(this.score / 10) * 10; const coinsEarned = applesToSell / 10; this.score -= applesToSell; this.copperCoins += coinsEarned; this.updateWoodlandResourcesPanel(); this.showMessage(`Sold ${applesToSell} apples for ${coinsEarned} coins!`); } else { this.showMessage('Not enough apples to sell!'); } this.updateWoodlandResourcesPanel(); } sellBlueberries() { if (this.blueberryCount >= 5) { const berriesToSell = Math.floor(this.blueberryCount / 5) * 5; const coinsEarned = berriesToSell / 5; this.blueberryCount -= berriesToSell; this.copperCoins += coinsEarned; this.updateWoodlandResourcesPanel(); this.showMessage(`Sold ${berriesToSell} blueberries for ${coinsEarned} coins!`); } else { this.showMessage('Not enough blueberries to sell!'); } this.updateWoodlandResourcesPanel(); } grindAcorns() { if (!this.hasGrinder) { this.showMessage('You need to buy a grinder first!'); return; } if (this.acornCount >= 5) { this.acornCount -= 5; this.acornFlourCount += 1; this.updateWoodlandResourcesPanel(); this.showMessage('5 acorns ground into 1 unit of acorn flour!'); } else { this.showMessage('Not enough acorns to grind! You need at least 5.'); } this.updateWoodlandResourcesPanel(); } spawnAcornBreadRecipe() { if (!this.hasAcornBreadRecipe) { const x = Phaser.Math.Between(50, 750); const y = Phaser.Math.Between(50, 550); const recipeIcon = this.physics.add.image(x, y, 'recipe_icon'); recipeIcon.setScale(0.05); recipeIcon.setData('type', 'acorn_bread_recipe'); this.physics.add.overlap(this.player, recipeIcon, this.collectAcornBreadRecipe, null, this); this.showMessage('A new recipe has appeared!'); } } collectAcornBreadRecipe(player, recipeIcon) { recipeIcon.destroy(); this.hasAcornBreadRecipe = true; const acornBreadRecipe = this.recipes.find(recipe => recipe.name === 'Acorn Bread'); if (acornBreadRecipe) { this.unlockRecipe(acornBreadRecipe); this.showMessage('You found the Acorn Bread recipe!'); } } spawnBlueberryMuffinRecipe() { if (!this.hasBlueberryMuffinRecipe) { const x = Phaser.Math.Between(50, 750); const y = Phaser.Math.Between(50, 550); const recipeIcon = this.physics.add.image(x, y, 'recipe_icon'); recipeIcon.setScale(0.05); recipeIcon.setData('type', 'blueberry_muffin_recipe'); this.physics.add.overlap(this.player, recipeIcon, this.collectBlueberryMuffinRecipe, null, this); this.showMessage('A new recipe has appeared!'); } } collectBlueberryMuffinRecipe(player, recipeIcon) { recipeIcon.destroy(); this.hasBlueberryMuffinRecipe = true; const blueberryMuffinRecipe = this.recipes.find(recipe => recipe.name === 'Blueberry Muffin'); if (blueberryMuffinRecipe) { this.unlockRecipe(blueberryMuffinRecipe); this.showMessage('You found the Blueberry Muffin recipe!'); } } spawnAppleCiderRecipe() { if (!this.hasAppleCiderRecipe) { const x = Phaser.Math.Between(50, 750); const y = Phaser.Math.Between(50, 550); const recipeIcon = this.physics.add.image(x, y, 'recipe_icon'); recipeIcon.setScale(0.05); recipeIcon.setData('type', 'apple_cider_recipe'); this.physics.add.overlap(this.player, recipeIcon, this.collectAppleCiderRecipe, null, this); this.showMessage('A new recipe has appeared!'); } } collectAppleCiderRecipe(player, recipeIcon) { recipeIcon.destroy(); this.hasAppleCiderRecipe = true; const appleCiderRecipe = this.recipes.find(recipe => recipe.name === 'Apple Cider'); if (appleCiderRecipe) { this.unlockRecipe(appleCiderRecipe); this.showMessage('You found the Apple Cider recipe!'); } } checkGameCompletion() { const allKitchenItemsBought = this.kitchenItems.every(item => item.bought); const finalBurrowUpgrade = this.dirtBurrow.texture.key === 'nice_house'; const allRecipesCollected = this.recipes.every(recipe => recipe.unlocked); if (allKitchenItemsBought && finalBurrowUpgrade && allRecipesCollected) { this.showWinNotification(); } } showWinNotification() { const notification = this.add.container(400, 300).setDepth(10000); const background = this.add.graphics(); background.fillStyle(0x000000, 0.8); background.fillRoundedRect(-150, -50, 300, 100, 20); notification.add(background); const text = this.add.text(0, 0, 'You Win!', { fontSize: '32px', fill: '#FFFFFF', fontFamily: '"Comic Neue", cursive', fontWeight: 'bold' }).setOrigin(0.5); notification.add(text); this.tweens.add({ targets: notification, scaleX: 1.1, scaleY: 1.1, duration: 200, yoyo: true, repeat: 2 }); // Create falling leaves effect const particles = this.add.particles('falling_leaves'); const emitter = particles.createEmitter({ frame: { frames: [0, 1, 2, 3], cycle: true }, x: { min: 0, max: 800 }, y: -50, lifespan: 4000, speedY: { min: 100, max: 300 }, scale: { start: 0.5, end: 1 }, rotate: { min: -180, max: 180 }, quantity: 2, frequency: 50, alpha: { start: 1, end: 0.5 }, blendMode: 'ADD' }); // Stop the emitter after 10 seconds this.time.delayedCall(10000, () => { emitter.stop(); }); // Fade out and destroy the notification after 10 seconds this.time.delayedCall(10000, () => { this.tweens.add({ targets: notification, alpha: 0, duration: 1000, onComplete: () => { notification.destroy(); } }); }); } } const container = document.getElementById('renderDiv'); const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 800, height: 600, physics: { default: 'arcade', arcade: { gravity: { y: 0 } } }, scene: [TitleScene, Example] }; window.phaserGame = new Phaser.Game(config);

About Escape 'n Bake

Other games like this