const TILE_DEPTH = 10; // Adjusted constant for tile depth, ensuring it's below UI elements class MainMenu extends Phaser.Scene { constructor() { super('MainMenu'); this.playerName = ''; } create() { this.add.text(400, 200, 'Enter Your Character Name:', { fontSize: '24px', fill: '#fff' }).setOrigin(0.5); let textEntry = this.add.text(400, 250, '', { fontSize: '32px', fill: '#0f0' }).setOrigin(0.5); this.input.keyboard.on('keydown', (event) => { if (event.keyCode === 8 && textEntry.text.length > 0) { textEntry.text = textEntry.text.substr(0, textEntry.text.length - 1); } else if (event.keyCode === 13 && textEntry.text.length > 0) { this.playerName = textEntry.text; this.scene.start('GameScene', { playerName: this.playerName }); } else if (event.keyCode >= 48 && event.keyCode < 90) { textEntry.text += event.key; } }); this.add.text(400, 350, 'Press Enter to start the game', { fontSize: '18px', fill: '#fff' }).setOrigin(0.5); } } class GameScene extends Phaser.Scene { constructor() { super('GameScene'); this.cursors = null; this.playerTile = null; this.enemyTile = null; this.cyanTiles = []; this.darkRedTiles = []; // Initialize darkRedTiles as an empty array this.purpleTiles = []; // New property to store purple tiles this.path = null; this.canMove = true; this.turnCount = 0; this.playerName = ''; this.nameText = null; this.nameBackground = null; this.playerHP = 20; this.playerMaxHP = 20; this.playerStrength = 5; this.playerDefense = 5; this.playerAgility = 5; this.statsText = null; this.enemyStatsMenu = null; this.damageTexts = []; this.enemyCount = 1; this.mapCount = 0; this.killCount = 0; this.playerLevel = 1; this.equippedWeapon = null; this.weaponTiles = []; // Initialize weaponTiles as an empty array this.skills = []; this.killsSinceLastLevel = 0; // New property to track kills since last level-up this.growthRatesText = null; // New property for growth rates text this.weaponInfoText = null; // New property for weapon info text this.mapCounterText = null; // New property for map counter text this.enemiesLeft = 0; // New property to track remaining enemies this.enemiesLeftText = null; // New property for enemies left text this.mapType = 'normal'; // New property to track the current map type this.startTime = null; // New property to track the start time of the game this.endTime = null; // New property to track the end time of the game this.baseCritChance = 5; // Base crit chance this.critChance = this.baseCritChance; // Initialize crit chance this.baseDodgeChance = 3; // Base dodge chance this.dodgeChance = this.baseDodgeChance; // Initialize dodge chance this.messageQueue = []; // New property for message queue this.currentMessage = null; // New property to track current displayed message this.lifesteal = 0; // New property for lifesteal this.critDamage = 50; // New property for crit damage (starting at 50% extra damage) } createSkillList() { this.skills = [{ name: 'Evasive Maneuvers', effect: () => { this.dodgeChance = Math.min(this.dodgeChance + 3, 50); this.updateGrowthRatesText(); } }, { name: 'Swift Reflexes', effect: () => { this.dodgeChance = Math.min(this.dodgeChance + 5, 50); this.updateGrowthRatesText(); } }, { name: 'Shadow Step', effect: () => { this.dodgeChance = Math.min(this.dodgeChance + 7, 50); this.updateGrowthRatesText(); } }, { name: 'Vampiric Touch', effect: () => { this.lifesteal += 2; this.updateGrowthRatesText(); } }, { name: 'Blood Siphon', effect: () => { this.lifesteal += 4; this.updateGrowthRatesText(); } }, { name: 'Soul Drain', effect: () => { this.lifesteal += 6; this.updateGrowthRatesText(); } }, { name: 'Precise Strike', effect: () => { this.critDamage += 10; this.updateGrowthRatesText(); } }, { name: 'Lethal Precision', effect: () => { this.critDamage += 20; this.updateGrowthRatesText(); } }, { name: 'Devastating Blow', effect: () => { this.critDamage += 30; this.updateGrowthRatesText(); } }, { name: 'HP Growth Boost', effect: () => this.hpGrowthRate += 0.15 }, { name: 'Strength Growth Boost', effect: () => this.strGrowthRate += 0.15 }, { name: 'Defense Growth Boost', effect: () => this.defGrowthRate += 0.15 }, { name: 'Agility Growth Boost', effect: () => this.agiGrowthRate += 0.15 }, { name: 'Super HP Growth Boost', effect: () => this.hpGrowthRate += 0.25 }, { name: 'Super Strength Growth Boost', effect: () => this.strGrowthRate += 0.25 }, { name: 'Super Defense Growth Boost', effect: () => this.defGrowthRate += 0.25 }, { name: 'Super Agility Growth Boost', effect: () => this.agiGrowthRate += 0.25 }, { name: 'Strength Boost', effect: () => { this.playerStrength += 2; this.updateStatsText(); } }, { name: 'Defense Boost', effect: () => { this.playerDefense += 2; this.updateStatsText(); } }, { name: 'Agility Boost', effect: () => { this.playerAgility += 2; this.updateCritChance(); this.updateStatsText(); } }, { name: 'HP Boost', effect: () => { this.playerMaxHP += 5; this.playerHP = Math.min(this.playerHP + 5, this.playerMaxHP); this.updateStatsText(); } }, { name: 'Critical Eye', effect: () => { this.critChance += 2; this.updateGrowthRatesText(); } }, { name: 'Deadly Precision', effect: () => { this.critChance += 5; this.updateGrowthRatesText(); } }, { name: 'Critical Mastery', effect: () => { this.critChance += 5; this.updateGrowthRatesText(); } }]; } init(data) { this.playerName = data.playerName; } createWeaponPool() { const rarities = ['Common', 'Uncommon', 'Rare', 'Epic', 'Legendary', 'Mythical', 'Abyssal', 'Heavenly', 'Cosmic', 'Destructive']; const weights = [512, 256, 128, 64, 32, 16, 8, 4, 2, 1]; this.itemPool = []; const addRandomBoost = (item) => { if (rarities.indexOf(item.rarity) > 1 && Math.random() < 0.5) { const possibleBoosts = ['power', 'critChance', 'critDamage', 'dodgeChance']; const numBoosts = Phaser.Math.Between(1, Math.min(3, possibleBoosts.length)); const selectedBoosts = Phaser.Utils.Array.Shuffle(possibleBoosts.slice()).slice(0, numBoosts); item.boosts = []; selectedBoosts.forEach(boostType => { const boostAmount = Phaser.Math.Between(-2, 2); if (boostAmount !== 0) { switch (boostType) { case 'power': item.power ? item.power += boostAmount : item.defense += boostAmount; item.boosts.push(`${boostAmount >= 0 ? '+' : ''}${boostAmount} PWR`); break; case 'critChance': item.critChanceBoost = boostAmount; item.boosts.push(`${boostAmount >= 0 ? '+' : ''}${boostAmount}% Crit`); break; case 'critDamage': item.critDamageBoost = boostAmount * 10; item.boosts.push(`${boostAmount >= 0 ? '+' : ''}${boostAmount * 10}% CDmg`); break; case 'dodgeChance': item.dodgeChanceBoost = boostAmount; item.boosts.push(`${boostAmount >= 0 ? '+' : ''}${boostAmount}% Dodge`); break; } } }); } return item; }; // Add swords rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Iron Sword`, type: 'weapon', rarity: rarity, power: index + 1, weight: weights[index], minMap: 0 })); }); // Add axes rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Battle Axe`, type: 'weapon', rarity: rarity, power: index + 2, weight: weights[index], minMap: 0 })); }); // Add spears rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Spear`, type: 'weapon', rarity: rarity, power: index + 1, weight: weights[index], minMap: 0 })); }); // Add axes rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Battle Axe`, type: 'weapon', rarity: rarity, power: index + 2, weight: weights[index], minMap: 0 })); }); // Add leather armor rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Leather Armor`, type: 'armor', rarity: rarity, defense: index + 1, weight: weights[index], minMap: 0 })); }); // Add chainmail armor rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Chainmail`, type: 'armor', rarity: rarity, defense: index + 2, weight: weights[index], minMap: 0 })); }); // Add plate armor rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Plate Armor`, type: 'armor', rarity: rarity, defense: index + 3, weight: weights[index], minMap: 0 })); }); // Add new fantasy-themed weapons (available after map 20) rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Dragonfire Bow`, type: 'weapon', rarity: rarity, power: Math.min(8, index + 5), weight: weights[index], minMap: 20 })); }); rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Frostmourne Sword`, type: 'weapon', rarity: rarity, power: Math.min(9, index + 6), weight: weights[index], minMap: 20 })); }); rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Thunderfury Axe`, type: 'weapon', rarity: rarity, power: Math.min(10, index + 7), weight: weights[index], minMap: 20 })); }); // Add new fantasy-themed armor (available after map 20) rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Celestial Platemail`, type: 'armor', rarity: rarity, defense: Math.min(8, index + 5), weight: weights[index], minMap: 20 })); }); rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Shadowweave Cloak`, type: 'armor', rarity: rarity, defense: Math.min(7, index + 4), weight: weights[index], minMap: 20 })); }); rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Earthen Bulwark`, type: 'armor', rarity: rarity, defense: Math.min(9, index + 6), weight: weights[index], minMap: 20 })); }); // Add new weapons (available after map 10) rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Enchanted Sword`, type: 'weapon', rarity: rarity, power: Math.min(6, index + 3), weight: weights[index], minMap: 10 })); }); rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Runic Warhammer`, type: 'weapon', rarity: rarity, power: Math.min(7, index + 4), weight: weights[index], minMap: 10 })); }); rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Elven Bow`, type: 'weapon', rarity: rarity, power: Math.min(6, index + 3), weight: weights[index], minMap: 10 })); }); // Add new weapons (available after map 40) rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Celestial Bow`, type: 'weapon', rarity: rarity, power: Math.min(12, index + 8), weight: weights[index], minMap: 40 })); }); rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Void Blade`, type: 'weapon', rarity: rarity, power: Math.min(13, index + 9), weight: weights[index], minMap: 40 })); }); rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Titan's Hammer`, type: 'weapon', rarity: rarity, power: Math.min(14, index + 10), weight: weights[index], minMap: 40 })); }); // Add new armor types (available after map 10) rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Elven Armor`, type: 'armor', rarity: rarity, defense: Math.min(6, index + 3), weight: weights[index], minMap: 10 })); }); rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Dwarven Armor`, type: 'armor', rarity: rarity, defense: Math.min(7, index + 4), weight: weights[index], minMap: 10 })); }); rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Blessed Robe`, type: 'armor', rarity: rarity, defense: Math.min(5, index + 2), weight: weights[index], minMap: 10 })); }); // Add new armor (available after map 40) rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Ethereal Platemail`, type: 'armor', rarity: rarity, defense: Math.min(12, index + 8), weight: weights[index], minMap: 40 })); }); rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Voidwalker's Cloak`, type: 'armor', rarity: rarity, defense: Math.min(11, index + 7), weight: weights[index], minMap: 40 })); }); rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Titan's Bulwark`, type: 'armor', rarity: rarity, defense: Math.min(13, index + 9), weight: weights[index], minMap: 40 })); }); // Add new weapons (available after map 60) rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Starforge Blade`, type: 'weapon', rarity: rarity, power: Math.min(16, index + 11), weight: weights[index], minMap: 60 })); }); rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Nebula Bow`, type: 'weapon', rarity: rarity, power: Math.min(15, index + 10), weight: weights[index], minMap: 60 })); }); rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Quantum Scepter`, type: 'weapon', rarity: rarity, power: Math.min(17, index + 12), weight: weights[index], minMap: 60 })); }); // Add new armor (available after map 60) rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Cosmic Platemail`, type: 'armor', rarity: rarity, defense: Math.min(16, index + 11), weight: weights[index], minMap: 60 })); }); rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Astral Aegis`, type: 'armor', rarity: rarity, defense: Math.min(15, index + 10), weight: weights[index], minMap: 60 })); }); rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Quantum Barrier Suit`, type: 'armor', rarity: rarity, defense: Math.min(17, index + 12), weight: weights[index], minMap: 60 })); }); // Add new weapons (available after map 80) rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Quantum Blade`, type: 'weapon', rarity: rarity, power: Math.min(20, index + 15), weight: weights[index], minMap: 80 })); }); rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Nebula Cannon`, type: 'weapon', rarity: rarity, power: Math.min(22, index + 17), weight: weights[index], minMap: 80 })); }); rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Singularity Axe`, type: 'weapon', rarity: rarity, power: Math.min(24, index + 19), weight: weights[index], minMap: 80 })); }); // Add new armor (available after map 80) rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Quantum Shielding`, type: 'armor', rarity: rarity, defense: Math.min(20, index + 15), weight: weights[index], minMap: 80 })); }); rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Nebula Armor`, type: 'armor', rarity: rarity, defense: Math.min(22, index + 17), weight: weights[index], minMap: 80 })); }); rarities.forEach((rarity, index) => { this.itemPool.push(addRandomBoost({ name: `${rarity} Singularity Plate`, type: 'armor', rarity: rarity, defense: Math.min(24, index + 19), weight: weights[index], minMap: 80 })); }); } getRandomItem() { const availableItems = this.itemPool.filter(item => item.minMap <= this.mapCount); const totalWeight = availableItems.reduce((sum, item) => sum + item.weight, 0); let randomWeight = Math.random() * totalWeight; for (const item of availableItems) { if (randomWeight < item.weight) { return item; } randomWeight -= item.weight; } // Fallback to first available item if something goes wrong return availableItems[0]; } showChestMenu() { const overlay = this.add.rectangle(0, 0, this.cameras.main.width, this.cameras.main.height, 0x000000, 0.7); overlay.setOrigin(0); overlay.setScrollFactor(0); const menuWidth = 400; const menuHeight = 300; const menuX = (this.cameras.main.width - menuWidth) / 2; const menuY = (this.cameras.main.height - menuHeight) / 2; const menu = this.add.rectangle(menuX, menuY, menuWidth, menuHeight, 0x333333); menu.setOrigin(0); menu.setScrollFactor(0); const titleText = this.add.text(menuX + menuWidth / 2, menuY + 20, 'Chest Found!', { fontSize: '24px', fill: '#ffffff' }); titleText.setOrigin(0.5, 0); titleText.setScrollFactor(0); const weapon = Phaser.Utils.Array.GetRandom(this.weaponPool); const weaponText = this.add.text(menuX + menuWidth / 2, menuY + 80, `${weapon.name}\nPower: +${weapon.power}`, { fontSize: '20px', fill: '#ffffff', align: 'center' }); weaponText.setOrigin(0.5, 0); weaponText.setScrollFactor(0); const equipButton = this.add.text(menuX + menuWidth / 2, menuY + 180, 'Equip', { fontSize: '20px', fill: '#00ff00' }); equipButton.setOrigin(0.5); equipButton.setScrollFactor(0); equipButton.setInteractive(); equipButton.on('pointerdown', () => { this.equipWeapon(weapon); this.closeChestMenu(overlay, menu, titleText, weaponText, equipButton, closeButton); }); const closeButton = this.add.text(menuX + menuWidth / 2, menuY + 220, 'Close', { fontSize: '20px', fill: '#ff0000' }); closeButton.setOrigin(0.5); closeButton.setScrollFactor(0); closeButton.setInteractive(); closeButton.on('pointerdown', () => { this.closeChestMenu(overlay, menu, titleText, weaponText, equipButton, closeButton); }); } closeChestMenu(overlay, menu, titleText, weaponText, equipButton, closeButton) { overlay.destroy(); menu.destroy(); titleText.destroy(); weaponText.destroy(); equipButton.destroy(); closeButton.destroy(); } equipItem(item) { // Remove boosts from previously equipped item if (item.type === 'weapon' && this.equippedWeapon) { this.removeItemBoosts(this.equippedWeapon); } else if (item.type === 'armor' && this.equippedArmor) { this.removeItemBoosts(this.equippedArmor); } // Equip new item if (item.type === 'weapon') { this.equippedWeapon = item; } else if (item.type === 'armor') { this.equippedArmor = item; } // Apply boosts from the new item this.applyItemBoosts(item); // Update UI and related values this.updateStatsText(); this.updateItemInfoText(); this.updateDodgeChance(); this.updateCritChance(); } removeItemBoosts(item) { if (item.boosts) { item.boosts.forEach(boost => { const [amount, stat] = boost.split(' '); const numAmount = parseInt(amount); switch (stat) { case 'PWR': if (item.type === 'weapon') this.playerStrength -= numAmount; else this.playerDefense -= numAmount; break; case 'Crit': this.critChance -= numAmount; break; case 'CDmg': this.critDamage -= numAmount; break; case 'Dodge': this.dodgeChance -= numAmount; break; case 'Lifesteal': this.lifesteal -= numAmount; break; } }); } } applyItemBoosts(item) { if (item.boosts) { item.boosts.forEach(boost => { const [amount, stat] = boost.split(' '); const numAmount = parseInt(amount); switch (stat) { case 'PWR': if (item.type === 'weapon') this.playerStrength += numAmount; else this.playerDefense += numAmount; break; case 'Crit': this.critChance += numAmount; break; case 'CDmg': this.critDamage += numAmount; break; case 'Dodge': this.dodgeChance += numAmount; break; case 'Lifesteal': this.lifesteal += numAmount; break; } }); } } preload() {} create() { this.startTime = Date.now(); // Set the start time when the game begins this.createWeaponPool(); this.createSkillList(); this.hpGrowthRate = 0.5; this.strGrowthRate = 0.4; this.defGrowthRate = 0.4; this.agiGrowthRate = 0.4; this.createGrid(); this.setupCamera(); this.createUIElements(); this.updateDodgeChance(); // Initialize dodge chance after UI elements are created this.createPath(); this.createPlayerTile(); this.spawnDarkRedTiles(); this.cursors = this.input.keyboard.createCursorKeys(); // Add win condition check this.events.on('postupdate', this.checkWinCondition, this); // Create purple tile texture const purpleGraphics = this.add.graphics(); purpleGraphics.fillStyle(0x800080, 1); purpleGraphics.fillRect(0, 0, this.cellSize, this.cellSize); purpleGraphics.generateTexture('purpleTile', this.cellSize, this.cellSize); purpleGraphics.destroy(); this.setUIDepth(); // Set UI elements to the highest depth } updateGrowthRatesText() { if (this.growthRatesText && this.growthRatesBackground) { const agilityBonus = Math.floor(this.playerAgility / 2); const totalCritChance = this.critChance + agilityBonus; this.growthRatesText.setText( `Growth Rates:\n` + `HP: ${(this.hpGrowthRate * 100).toFixed(1)}%\n` + `STR: ${(this.strGrowthRate * 100).toFixed(1)}%\n` + `DEF: ${(this.defGrowthRate * 100).toFixed(1)}%\n` + `AGI: ${(this.agiGrowthRate * 100).toFixed(1)}%\n\n` + `Combat Stats:\n` + `Crit Chance: ${totalCritChance.toFixed(1)}%\n` + `Crit Damage: ${this.critDamage.toFixed(1)}%\n` + `Dodge Chance: ${this.dodgeChance.toFixed(1)}%\n` + `Lifesteal: ${this.lifesteal.toFixed(1)}%` ); // Adjust background size based on text content this.growthRatesBackground.width = Math.max(250, this.growthRatesText.width + 20); this.growthRatesBackground.height = this.growthRatesText.height + 20; } } updateDodgeChance() { const agilityBonus = Math.floor(this.playerAgility / 2) * 2; this.dodgeChance = this.baseDodgeChance + agilityBonus; if (this.growthRatesText) { this.updateGrowthRatesText(); } } updateCritChance() { const agilityBonus = Math.floor(this.playerAgility / 2); this.critChance = this.baseCritChance + agilityBonus; this.updateGrowthRatesText(); } updateItemInfoText() { let text = 'No item equipped'; if (this.equippedWeapon) { text = `Weapon: ${this.equippedWeapon.name}\n` + `Rarity: ${this.equippedWeapon.rarity}\n` + `Power: +${this.equippedWeapon.power}`; if (this.equippedWeapon.boosts && this.equippedWeapon.boosts.length > 0) { text += `\nBoosts: ${this.equippedWeapon.boosts.join(', ')}`; } } else if (this.equippedArmor) { text = `Armor: ${this.equippedArmor.name}\n` + `Rarity: ${this.equippedArmor.rarity}\n` + `Defense: +${this.equippedArmor.defense}`; if (this.equippedArmor.boosts && this.equippedArmor.boosts.length > 0) { text += `\nBoosts: ${this.equippedArmor.boosts.join(', ')}`; } } this.weaponInfoText.setText(text); // Adjust background size based on text content this.weaponInfoBackground.width = Math.max(250, this.weaponInfoText.width + 20); this.weaponInfoBackground.height = this.weaponInfoText.height + 20; // Maintain position on the left side const mainHeight = this.cameras.main.height; this.weaponInfoBackground.setPosition(10, mainHeight - 110); this.weaponInfoText.setPosition(20, mainHeight - 100); } updateEnemiesLeftText() { if (this.enemiesLeftText) { this.enemiesLeft = this.darkRedTiles && Array.isArray(this.darkRedTiles) ? this.darkRedTiles.length : 0; this.enemiesLeftText.setText(`Enemies: ${this.enemiesLeft}`); } else { console.warn('enemiesLeftText is not initialized'); } } updateStatsText() { if (this.statsText) { const weaponBonus = this.equippedWeapon ? `[+${this.equippedWeapon.power}]` : ''; const armorBonus = this.equippedArmor ? `[+${this.equippedArmor.defense}]` : ''; this.statsText.setText(`HP: ${this.playerHP}/${this.playerMaxHP} | STR: ${this.playerStrength}${weaponBonus} | DEF: ${this.playerDefense}${armorBonus} | AGI: ${this.playerAgility} | LVL: ${this.playerLevel}`); } } showPlayerInfo() { if (this.infoText) { this.infoText.destroy(); this.infoText = null; } else { this.infoText = this.add.text(400, 300, `Character Name: ${this.playerName}`, { fontSize: '24px', fill: '#fff' }).setOrigin(0.5); } } createGrid() { this.gridLayer = this.add.layer(); const graphics = this.add.graphics(); this.gridLayer.add(graphics); const cellSize = 20; const gridWidth = Math.ceil(this.cameras.main.width / cellSize); const gridHeight = Math.ceil(this.cameras.main.height / cellSize); const totalWidth = gridWidth * cellSize; const totalHeight = gridHeight * cellSize; let backgroundColor; switch (this.mapType) { case 'desert': backgroundColor = 0xF4A460; // SandyBrown for desert break; case 'swamp': backgroundColor = 0x2F4F4F; // DarkSlateGray for swamp break; case 'cave': backgroundColor = 0x4A4A4A; // DarkGray for cave break; case 'mountain': backgroundColor = 0x808080; // Gray for mountain break; case 'frost': backgroundColor = 0xADD8E6; // LightBlue for frost break; case 'lava': backgroundColor = 0xFF4500; // OrangeRed for lava break; case 'crystal': backgroundColor = 0xE6E6FA; // Lavender for crystal break; case 'void': backgroundColor = 0x000000; // Black for void break; default: backgroundColor = 0x00ff00; // Green for normal } graphics.fillStyle(backgroundColor, 0.5); graphics.fillRect(0, 0, totalWidth, totalHeight); this.gridWidth = totalWidth; this.gridHeight = totalHeight; this.cellSize = cellSize; // Create cyan tile texture const cyanGraphics = this.add.graphics(); cyanGraphics.fillStyle(0x00FFFF, 1); cyanGraphics.fillRect(0, 0, cellSize, cellSize); cyanGraphics.generateTexture('cyanTile', cellSize, cellSize); cyanGraphics.destroy(); } clearCurrentMap() { this.children.list.forEach(child => { if (child.destroy) { child.destroy(); } }); this.darkRedTiles = []; this.cyanTiles = []; this.weaponTiles = []; } createPath() { const graphics = this.add.graphics(); let pathColor; switch (this.mapType) { case 'desert': pathColor = 0xD2B48C; // Tan for desert break; case 'swamp': pathColor = 0x556B2F; // DarkOliveGreen for swamp break; case 'cave': pathColor = 0x696969; // DimGray for cave break; case 'mountain': pathColor = 0xA9A9A9; // DarkGray for mountain break; case 'frost': pathColor = 0xF0FFFF; // Azure for frost break; case 'lava': pathColor = 0xFF6347; // Tomato for lava break; case 'crystal': pathColor = 0xFFFFFF; // White for crystal break; case 'void': pathColor = 0x4B0082; // Indigo for void break; default: pathColor = 0x8B4513; // SaddleBrown for normal } graphics.fillStyle(pathColor, 1); this.gridLayer.add(graphics); const cellSize = this.cellSize; const pathWidth = 2; const gridWidth = Math.ceil(this.cameras.main.width / cellSize); const gridHeight = Math.ceil(this.cameras.main.height / cellSize); this.path = []; let x = 0; let y = this.mapCount === 0 ? Math.floor(gridHeight / 2) : Math.floor(this.playerTile.y / cellSize); let direction = 0; // 0 for straight, -1 for up, 1 for down while (x < gridWidth) { this.path.push({ x, y }); x++; // Occasionally change direction if (Math.random() < 0.1) { direction = Phaser.Math.Between(-1, 1); } // Move in the current direction y += direction; // Keep the path generally in the middle third of the map const upperBound = Math.floor(gridHeight / 3); const lowerBound = Math.floor(2 * gridHeight / 3); if (y < upperBound) { y = upperBound; direction = 0; } else if (y > lowerBound) { y = lowerBound; direction = 0; } // Ensure y stays within grid bounds y = Phaser.Math.Clamp(y, 0, gridHeight - 1); } for (let i = 0; i < this.path.length - 1; i++) { const start = this.path[i]; const end = this.path[i + 1]; const minX = Math.min(start.x, end.x); const maxX = Math.max(start.x, end.x); const minY = Math.min(start.y, end.y); const maxY = Math.max(start.y, end.y); for (let x = minX; x <= maxX; x++) { for (let y = minY; y <= maxY; y++) { graphics.fillRect(x * cellSize, y * cellSize, cellSize * pathWidth, cellSize * pathWidth); } } } } spawnWhiteTile() { let x, y; do { x = Phaser.Math.Between(1, this.gridWidth / this.cellSize - 2); y = Phaser.Math.Between(1, this.gridHeight / this.cellSize - 2); } while (this.isOccupied(x * this.cellSize + this.cellSize / 2, y * this.cellSize + this.cellSize / 2)); const whiteTile = this.add.rectangle( x * this.cellSize + this.cellSize / 2, y * this.cellSize + this.cellSize / 2, this.cellSize, this.cellSize, 0xFFFFFF ); whiteTile.setOrigin(0.5); whiteTile.setInteractive(); this.gridLayer.add(whiteTile); this.whiteTiles = this.whiteTiles || []; this.whiteTiles.push(whiteTile); } grantRandomSkill() { const randomSkill = Phaser.Utils.Array.GetRandom(this.skills); randomSkill.effect(); this.updateGrowthRatesText(); this.updateStatsText(); return randomSkill.name; // Return the name of the granted skill } generateDungeon() { const dungeonWidth = 40; const dungeonHeight = 30; this.dungeon = []; // Initialize dungeon with walls for (let y = 0; y < dungeonHeight; y++) { this.dungeon[y] = []; for (let x = 0; x < dungeonWidth; x++) { this.dungeon[y][x] = 1; // 1 represents a wall } } // Generate rooms const numRooms = Phaser.Math.Between(5, 8); const rooms = []; for (let i = 0; i < numRooms; i++) { const roomWidth = Phaser.Math.Between(4, 8); const roomHeight = Phaser.Math.Between(4, 8); const roomX = Phaser.Math.Between(1, dungeonWidth - roomWidth - 1); const roomY = Phaser.Math.Between(1, dungeonHeight - roomHeight - 1); // Carve out the room for (let y = roomY; y < roomY + roomHeight; y++) { for (let x = roomX; x < roomX + roomWidth; x++) { this.dungeon[y][x] = 0; // 0 represents a floor } } rooms.push({ x: roomX, y: roomY, width: roomWidth, height: roomHeight }); } // Connect rooms with corridors for (let i = 0; i < rooms.length - 1; i++) { const roomA = rooms[i]; const roomB = rooms[i + 1]; const pointA = { x: Phaser.Math.Between(roomA.x, roomA.x + roomA.width - 1), y: Phaser.Math.Between(roomA.y, roomA.y + roomA.height - 1) }; const pointB = { x: Phaser.Math.Between(roomB.x, roomB.x + roomB.width - 1), y: Phaser.Math.Between(roomB.y, roomB.y + roomB.height - 1) }; // Carve horizontal corridor for (let x = Math.min(pointA.x, pointB.x); x <= Math.max(pointA.x, pointB.x); x++) { this.dungeon[pointA.y][x] = 0; } // Carve vertical corridor for (let y = Math.min(pointA.y, pointB.y); y <= Math.max(pointA.y, pointB.y); y++) { this.dungeon[y][pointB.x] = 0; } } // Set dungeon entrance (player start position) this.dungeonEntrance = { x: rooms[0].x + Math.floor(rooms[0].width / 2), y: rooms[0].y + Math.floor(rooms[0].height / 2) }; // Set dungeon exit const lastRoom = rooms[rooms.length - 1]; this.dungeonExit = { x: lastRoom.x + Math.floor(lastRoom.width / 2), y: lastRoom.y + Math.floor(lastRoom.height / 2) }; } createPlayerTile() { const graphics = this.add.graphics(); graphics.fillStyle(0x00008B, 1); graphics.fillRect(0, 0, this.cellSize, this.cellSize); const texture = graphics.generateTexture('playerTile', this.cellSize, this.cellSize); graphics.destroy(); this.playerTile = this.add.image(0, 0, 'playerTile'); const startPoint = this.path[0]; const gridX = Math.floor(startPoint.x); const gridY = Math.floor(startPoint.y); this.playerTile.setPosition( Phaser.Math.Clamp(gridX * this.cellSize + this.cellSize / 2, this.cellSize / 2, this.gridWidth - this.cellSize / 2), Phaser.Math.Clamp(gridY * this.cellSize + this.cellSize / 2, this.cellSize / 2, this.gridHeight - this.cellSize / 2) ); this.playerTile.setOrigin(0.5); this.playerTile.setDepth(TILE_DEPTH); // Set player depth to be above the map but below UI // Set up camera to follow player this.cameras.main.startFollow(this.playerTile, true); this.cameras.main.setZoom(1); // Adjust zoom level if needed } updateCameraPosition() { const camera = this.cameras.main; const centerX = camera.width / 2; const centerY = camera.height / 2; // Calculate the difference between the player's position and the center of the camera const diffX = this.playerTile.x - centerX - camera.scrollX; const diffY = this.playerTile.y - centerY - camera.scrollY; // Smoothly move the camera to center on the player camera.scrollX += diffX * 0.1; camera.scrollY += diffY * 0.1; } setUIDepth() { // Set UI elements to a higher depth const UI_DEPTH = 100; if (this.nameBackground) this.nameBackground.setDepth(UI_DEPTH); if (this.nameText) this.nameText.setDepth(UI_DEPTH); if (this.statsText) this.statsText.setDepth(UI_DEPTH); if (this.growthRatesBackground) this.growthRatesBackground.setDepth(UI_DEPTH); if (this.growthRatesText) this.growthRatesText.setDepth(UI_DEPTH); if (this.weaponInfoBackground) this.weaponInfoBackground.setDepth(UI_DEPTH); if (this.weaponInfoText) this.weaponInfoText.setDepth(UI_DEPTH); if (this.mapCounterText) this.mapCounterText.setDepth(UI_DEPTH); if (this.enemiesLeftText) this.enemiesLeftText.setDepth(UI_DEPTH); if (this.enemyStatsMenu) this.enemyStatsMenu.setDepth(UI_DEPTH); } // The createEnemyTile method has been removed isOccupied(x, y) { if (this.playerTile && Phaser.Math.Distance.Between(x, y, this.playerTile.x, this.playerTile.y) < this.cellSize) { return true; } if (this.darkRedTiles && this.darkRedTiles.some(tile => Phaser.Math.Distance.Between(x, y, tile.x, tile.y) < this.cellSize)) { return true; } return false; } setupCamera() { this.physics.world.setBounds(0, 0, this.gridWidth, this.gridHeight); this.cameras.main.setBounds(0, 0, this.gridWidth, this.gridHeight); this.cameras.main.centerOn(this.gridWidth / 2, this.gridHeight / 2); } update() { // Check for game over condition if (this.playerHP <= 0 && !this.endTime) { this.endTime = Date.now(); this.showGameOver(); return; // Exit update method if game is over } if (this.endTime) { return; // Exit update method if game is already over } // Process message queue this.handleMessageQueue(); // Update camera position to center on player this.updateCameraPosition(); // Check for win condition this.checkWinCondition(); if (this.canMove) { let moved = false; let newX = this.playerTile.x; let newY = this.playerTile.y; if (Phaser.Input.Keyboard.JustDown(this.cursors.left)) { newX -= this.cellSize; moved = true; } else if (Phaser.Input.Keyboard.JustDown(this.cursors.right)) { newX += this.cellSize; moved = true; } else if (Phaser.Input.Keyboard.JustDown(this.cursors.up)) { newY -= this.cellSize; moved = true; } else if (Phaser.Input.Keyboard.JustDown(this.cursors.down)) { newY += this.cellSize; moved = true; } if (moved) { // Ensure movement is only one tile at a time and within grid boundaries newX = Phaser.Math.Clamp(newX, this.cellSize / 2, this.gridWidth - this.cellSize / 2); newY = Phaser.Math.Clamp(newY, this.cellSize / 2, this.gridHeight - this.cellSize / 2); // Snap to grid newX = Math.round((newX - this.cellSize / 2) / this.cellSize) * this.cellSize + this.cellSize / 2; newY = Math.round((newY - this.cellSize / 2) / this.cellSize) * this.cellSize + this.cellSize / 2; if (this.isEnemyTile(newX, newY)) { this.playerAttack(); this.canMove = false; } else if (this.isCyanTile(newX, newY)) { this.handleItemDrop(newX, newY); } else if (this.isWhiteTile(newX, newY)) { const whiteTile = this.getWhiteTileAt(newX, newY); if (whiteTile) { this.handleWhiteTileInteraction(whiteTile); } } // Always move the player if it's a valid move if (this.isValidMove(newX, newY)) { this.playerTile.x = newX; this.playerTile.y = newY; if (this.playerTile) this.playerTile.setDepth(TILE_DEPTH); // Ensure depth is maintained when moving this.canMove = false; this.turnCount++; this.moveEnemyTiles(); // Check if player has reached the end of the map if (this.playerTile.x >= this.gridWidth - this.cellSize / 2) { this.generateNewMap(); } } } } // Check for cyan tile interaction if (Phaser.Input.Keyboard.JustDown(this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.SPACE))) { const playerCellX = Math.floor(this.playerTile.x / this.cellSize); const playerCellY = Math.floor(this.playerTile.y / this.cellSize); if (this.isCyanTile(playerCellX * this.cellSize + this.cellSize / 2, playerCellY * this.cellSize + this.cellSize / 2)) { this.handleItemDrop(playerCellX * this.cellSize + this.cellSize / 2, playerCellY * this.cellSize + this.cellSize / 2); } else if (this.isWhiteTile(playerCellX * this.cellSize + this.cellSize / 2, playerCellY * this.cellSize + this.cellSize / 2)) { const whiteTile = this.getWhiteTileAt(playerCellX * this.cellSize + this.cellSize / 2, playerCellY * this.cellSize + this.cellSize / 2); if (whiteTile) { this.handleWhiteTileInteraction(whiteTile); } } } if (!this.cursors.left.isDown && !this.cursors.right.isDown && !this.cursors.up.isDown && !this.cursors.down.isDown) { this.canMove = true; } // Final check to ensure the player stays within the grid boundaries this.playerTile.x = Phaser.Math.Clamp(this.playerTile.x, this.cellSize / 2, this.gridWidth - this.cellSize / 2); this.playerTile.y = Phaser.Math.Clamp(this.playerTile.y, this.cellSize / 2, this.gridHeight - this.cellSize / 2); this.checkAdjacentEnemy(); this.updateDamageTexts(); // Check for weapon acquisition or cyan tile interaction if (Phaser.Input.Keyboard.JustDown(this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.ENTER))) { const playerCellX = Math.floor(this.playerTile.x / this.cellSize); const playerCellY = Math.floor(this.playerTile.y / this.cellSize); if (this.isCyanTile(playerCellX * this.cellSize, playerCellY * this.cellSize)) { this.handleItemDrop(playerCellX * this.cellSize, playerCellY * this.cellSize); } else if (this.weaponTiles && this.weaponTiles.length > 0) { this.acquireWeapon(); } } // Check for purple tile interaction const purpleTile = this.purpleTiles.find(tile => Phaser.Math.Distance.Between(this.playerTile.x, this.playerTile.y, tile.x, tile.y) < this.cellSize ); if (purpleTile) { this.handlePurpleTileInteraction(purpleTile); } } generateNewMap() { this.mapCount++; if (this.mapCount > 80) { // Player has completed all 80 maps this.checkWinCondition(); return; } if (this.mapCount >= 80) { this.mapType = 'void'; } else if (this.mapCount >= 70) { this.mapType = 'crystal'; } else if (this.mapCount >= 60) { this.mapType = 'lava'; } else if (this.mapCount >= 50) { this.mapType = 'frost'; } else if (this.mapCount >= 40) { this.mapType = 'mountain'; } else if (this.mapCount >= 30) { this.mapType = 'cave'; } else if (this.mapCount >= 20) { this.mapType = 'swamp'; } else if (this.mapCount >= 10) { this.mapType = 'desert'; } else { this.mapType = 'normal'; } // Clear existing graphics and game objects this.children.removeAll(); // Destroy all existing game objects this.children.list.forEach(child => { if (child.destroy) { child.destroy(); } }); // Clear arrays this.darkRedTiles = []; this.cyanTiles = []; this.weaponTiles = []; this.damageTexts = []; // Recreate the grid and path this.createGrid(); this.createPath(); // Spawn dark red tiles this.spawnDarkRedTiles(); // Recreate the player tile this.createPlayerTile(); // Reposition the player tile at the start of the new path const startPoint = this.path[0]; this.playerTile.setPosition( startPoint.x * this.cellSize + this.cellSize / 2, startPoint.y * this.cellSize + this.cellSize / 2 ); this.playerTile.setDepth(2); // Ensure player is drawn on top // Reset the camera this.setupCamera(); // Recreate UI elements this.createUIElements(); // Update map counter if (this.mapCounterText) { this.mapCounterText.setText(`Map: ${this.mapCount + 1}`); } // Update enemies left text this.updateEnemiesLeftText(); // Reset and update enemy stats display this.hideEnemyStats(); this.enemyStatsMenu = null; // Reset the enemy stats menu // Check for adjacent enemies after a short delay this.time.delayedCall(100, () => { this.checkAdjacentEnemy(); }); // Check if we should show the skill menu after completing this map if ([10, 20, 30, 40, 50, 60, 70].includes(this.mapCount)) { this.time.delayedCall(2000, () => { this.showSkillSelectionMenu(); }); } } createUIElements() { const uiDepth = 1000; // Set a much higher depth for UI elements const mainWidth = this.cameras.main.width; const mainHeight = this.cameras.main.height; // Create name and stats background this.nameBackground = this.add.rectangle(mainWidth / 2, 50, mainWidth - 20, 100, 0x000000, 0.5); this.nameBackground.setOrigin(0.5, 0.5); this.nameBackground.setScrollFactor(0); this.nameBackground.setDepth(uiDepth); // Create name text this.nameText = this.add.text(mainWidth / 2, 25, this.playerName, { fontSize: '24px', fill: '#fff' }).setOrigin(0.5); this.nameText.setScrollFactor(0); this.nameText.setDepth(uiDepth); // Create stats text this.statsText = this.add.text(mainWidth / 2, 75, '', { fontSize: '18px', fill: '#fff' }).setOrigin(0.5); this.statsText.setScrollFactor(0); this.statsText.setDepth(uiDepth); this.updateStatsText(); // Create growth rates and crit/dodge chance text this.growthRatesBackground = this.add.rectangle(10, 110, 250, 150, 0x000000, 0.7); this.growthRatesBackground.setOrigin(0); this.growthRatesBackground.setScrollFactor(0); this.growthRatesBackground.setDepth(uiDepth); this.growthRatesText = this.add.text(20, 120, '', { fontSize: '14px', fill: '#fff' }); this.growthRatesText.setScrollFactor(0); this.growthRatesText.setDepth(uiDepth); this.updateGrowthRatesText(); // Create weapon info text this.weaponInfoBackground = this.add.rectangle(10, mainHeight - 110, 250, 100, 0x000000, 0.7); this.weaponInfoBackground.setOrigin(0); this.weaponInfoBackground.setScrollFactor(0); this.weaponInfoBackground.setDepth(uiDepth); this.weaponInfoText = this.add.text(20, mainHeight - 100, '', { fontSize: '14px', fill: '#fff' }); this.weaponInfoText.setScrollFactor(0); this.weaponInfoText.setDepth(uiDepth); this.updateItemInfoText(); } handleWhiteTileInteraction(whiteTile) { // Remove the white tile from the game this.whiteTiles = this.whiteTiles.filter(tile => tile !== whiteTile); whiteTile.destroy(); // Grant a random skill and get its name const skillName = this.grantRandomSkill(); // Show a message about the new skill this.showMessage(`You gained a new skill: ${skillName}!`, 2000); } showMessage(message, duration = 2000) { const mainWidth = this.cameras.main.width; const mainHeight = this.cameras.main.height; const messageText = this.add.text(mainWidth / 2, mainHeight - 100, message, { fontSize: '14px', fill: '#ffffff', backgroundColor: '#000000', padding: { x: 10, y: 5 } }); messageText.setOrigin(0.5); messageText.setScrollFactor(0); messageText.setDepth(1100); // Ensure it's above other UI elements this.time.delayedCall(duration, () => { messageText.destroy(); }); } calculateEnemyStatIncrease() { if (this.mapCount >= 80) { return 60; } else if (this.mapCount >= 70) { return 52; } else if (this.mapCount >= 60) { return 40; } else if (this.mapCount >= 50) { return 32; } else if (this.mapCount >= 40) { return 24; } else if (this.mapCount >= 30) { return 18; } else if (this.mapCount >= 20) { return 12; } else if (this.mapCount >= 10) { return 7; } return 3; } isWhiteTile(x, y) { return this.whiteTiles && this.whiteTiles.some(tile => Phaser.Math.Distance.Between(x, y, tile.x, tile.y) < this.cellSize / 2 ); } getWhiteTileAt(x, y) { return this.whiteTiles && this.whiteTiles.find(tile => Phaser.Math.Distance.Between(x, y, tile.x, tile.y) < this.cellSize / 2 ); } spawnDarkRedTiles() { // Check if the current map is one where we don't want to spawn enemies if ([10, 20, 30, 40, 50, 60, 70].includes(this.mapCount)) { this.darkRedTiles = []; // Ensure the array is empty this.enemiesLeft = 0; this.updateEnemiesLeftText(); return; // Exit the method early } const attempts = this.mapCount + 1; this.darkRedTiles = []; // Reset darkRedTiles array const gridWidth = Math.floor(this.gridWidth / this.cellSize); const gridHeight = Math.floor(this.gridHeight / this.cellSize); for (let i = 0; i < attempts; i++) { if (Math.random() < 0.5) { // 50% chance let x, y; do { x = Phaser.Math.Between(1, gridWidth - 2); // Ensure at least one cell from the edge y = Phaser.Math.Between(1, gridHeight - 2); // Ensure at least one cell from the edge } while (this.isOccupied(x * this.cellSize, y * this.cellSize)); let enemyColor; switch (this.mapType) { case 'desert': enemyColor = 0xA52A2A; // Brown for desert enemies break; case 'swamp': enemyColor = 0x006400; // DarkGreen for swamp enemies break; case 'cave': enemyColor = 0x708090; // SlateGray for cave enemies break; default: enemyColor = 0x8B0000; // DarkRed for normal enemies } const darkRedTile = this.add.rectangle( x * this.cellSize + this.cellSize / 2, y * this.cellSize + this.cellSize / 2, this.cellSize, this.cellSize, enemyColor ); darkRedTile.setOrigin(0.5); if (darkRedTile) darkRedTile.setDepth(TILE_DEPTH); // Set enemy depth to be above the map but below UI // Add enemy properties to the dark red tile this.setUIDepth(); // Ensure UI stays on top after spawning enemies const statIncrease = this.calculateEnemyStatIncrease(); const randomizeStat = (baseStat) => { return Math.max(1, baseStat + Phaser.Math.Between(-2, 2) - 2); }; const baseStats = this.mapCount + statIncrease - 2; darkRedTile.hp = randomizeStat(baseStats); darkRedTile.strength = randomizeStat(baseStats); darkRedTile.defense = randomizeStat(baseStats); darkRedTile.agility = randomizeStat(baseStats); // Store the dark red tile for future reference this.darkRedTiles.push(darkRedTile); } } this.enemiesLeft = this.darkRedTiles.length; // Set enemiesLeft to the actual number of spawned enemies this.updateEnemiesLeftText(); // Update the counter after spawning } isPlayerOnTile(tile) { return Math.abs(this.playerTile.x - tile.x) < this.cellSize / 2 && Math.abs(this.playerTile.y - tile.y) < this.cellSize / 2; } isOccupied(x, y) { if (this.playerTile && Phaser.Math.Distance.Between(x, y, this.playerTile.x, this.playerTile.y) < this.cellSize) { return true; } if (this.enemyTile && Phaser.Math.Distance.Between(x, y, this.enemyTile.x, this.enemyTile.y) < this.cellSize) { return true; } if (this.darkRedTiles && this.darkRedTiles.some(tile => Phaser.Math.Distance.Between(x, y, tile.x, tile.y) < this.cellSize)) { return true; } return false; } isValidMove(x, y) { if (x < this.cellSize / 2 || x > this.gridWidth - this.cellSize / 2 || y < this.cellSize / 2 || y > this.gridHeight - this.cellSize / 2) { return false; } return !this.isOccupied(x, y); } isEnemyTile(x, y) { return this.darkRedTiles.some(enemy => { const dx = Math.abs(x - enemy.x); const dy = Math.abs(y - enemy.y); return dx < this.cellSize && dy < this.cellSize; }); } moveEnemyTiles() { if (!this.darkRedTiles || !Array.isArray(this.darkRedTiles)) { return; } this.darkRedTiles.forEach(enemy => { if (enemy && typeof enemy.x !== 'undefined' && typeof enemy.y !== 'undefined') { const dx = this.playerTile.x - enemy.x; const dy = this.playerTile.y - enemy.y; let newX = enemy.x; let newY = enemy.y; if (Math.abs(dx) > Math.abs(dy)) { newX += Math.sign(dx) * this.cellSize; } else { newY += Math.sign(dy) * this.cellSize; } if (this.isValidEnemyMove(newX, newY)) { enemy.x = newX; enemy.y = newY; if (enemy) enemy.setDepth(TILE_DEPTH); // Ensure depth is maintained when moving this.checkEnemyAttack(enemy); this.setUIDepth(); // Ensure UI stays on top after enemy movement } } }); } isValidEnemyMove(x, y) { if (x < this.cellSize / 2 || x > this.gridWidth - this.cellSize / 2 || y < this.cellSize / 2 || y > this.gridHeight - this.cellSize / 2) { return false; } return !this.isOccupied(x, y); } isBlackTile(x, y) { const tileX = Math.floor(x / this.cellSize); const tileY = Math.floor(y / this.cellSize); const blackTiles = this.children.list.filter(child => child instanceof Phaser.GameObjects.Image && child.texture.key === 'blackTile' ); return blackTiles.some(tile => Math.floor(tile.x / this.cellSize) === tileX && Math.floor(tile.y / this.cellSize) === tileY ); } checkAdjacentEnemy() { const adjacentEnemies = []; if (this.darkRedTiles && Array.isArray(this.darkRedTiles)) { this.darkRedTiles.forEach(enemy => { if (this.isAdjacent(this.playerTile, enemy)) { adjacentEnemies.push(enemy); } }); } if (adjacentEnemies.length > 0) { this.showEnemyStats(adjacentEnemies); } else { this.hideEnemyStats(); } // Log for debugging console.log('Adjacent enemies:', adjacentEnemies.length); } showEnemyStats(enemies) { if (!this.enemyStatsMenu) { this.enemyStatsMenu = this.add.container(0, 0); const background = this.add.rectangle(0, 0, 170, 50, 0x000000, 0.8); this.enemyStatsText = this.add.text(5, 5, '', { fontSize: '12px', fill: '#ffffff', wordWrap: { width: 190 } }); this.enemyStatsMenu.add([background, this.enemyStatsText]); this.enemyStatsMenu.setDepth(1000); this.enemyStatsMenu.setScrollFactor(0); } if (!Array.isArray(enemies)) { enemies = [enemies]; } let statsText = 'Enemy Stats:\n'; enemies.forEach((enemy, index) => { statsText += `E${index+1}: HP:${enemy.hp} S:${enemy.strength} D:${enemy.defense} A:${enemy.agility}\n`; }); if (this.enemyStatsText) { this.enemyStatsText.setText(statsText); const textBounds = this.enemyStatsText.getBounds(); const background = this.enemyStatsMenu.getAt(0); const padding = 10; const maxWidth = Math.min(300, this.cameras.main.width * 0.3); const maxHeight = this.cameras.main.height * 0.3; // Adjust text size if it's too wide if (textBounds.width > maxWidth - padding * 2) { this.enemyStatsText.setStyle({ fontSize: '9px' }); this.enemyStatsText.setWordWrapWidth(maxWidth - padding * 2); } // Recalculate bounds after potential font size change const updatedBounds = this.enemyStatsText.getBounds(); const menuWidth = Math.min(updatedBounds.width + padding * 2, maxWidth); const menuHeight = Math.min(updatedBounds.height + padding * 2, maxHeight); background.setSize(menuWidth, menuHeight); this.enemyStatsText.setPosition(-menuWidth/2 + padding, -menuHeight/2 + padding); // Position the menu at the bottom right of the screen this.enemyStatsMenu.setPosition( this.cameras.main.width - menuWidth/2 - padding, this.cameras.main.height - menuHeight/2 - padding ); this.enemyStatsMenu.setVisible(true); } else { console.error('Enemy stats text is not initialized'); } } hideEnemyStats() { if (this.enemyStatsMenu) { this.enemyStatsMenu.setVisible(false); } } isAdjacent(tile1, tile2) { const dx = Math.abs(tile1.x - tile2.x); const dy = Math.abs(tile1.y - tile2.y); return (dx === this.cellSize && dy === 0) || (dx === 0 && dy === this.cellSize); } checkEnemyAttack(enemy) { if (this.isAdjacent(enemy, this.playerTile)) { if (this.doesAttackMiss()) { this.showMissMessage(this.playerTile.x, this.playerTile.y); return; } if (this.doesPlayerDodge()) { this.showDodgeMessage(this.playerTile.x, this.playerTile.y); return; } const armorBonus = this.equippedArmor ? this.equippedArmor.defense : 0; let damage = enemy.strength - (this.playerDefense + armorBonus); if (this.playerDefense + armorBonus >= enemy.strength + 8) { damage = 0; } else if (this.playerDefense + armorBonus > enemy.strength + 5) { damage = Math.max(0, damage); } else { damage = Math.max(1, damage); } this.playerHP -= damage; this.updateStatsText(); this.showDamageNumber(damage, this.playerTile.x, this.playerTile.y); } } doesAttackMiss() { return Math.random() < 1 / 16; } doesPlayerDodge() { return Math.random() * 100 < this.dodgeChance; } showMissMessage(x, y) { const missText = this.add.text(x, y, "Miss!", { fontSize: '24px', fill: '#ffffff' }).setOrigin(0.5); this.time.delayedCall(1000, () => { missText.destroy(); }); } showDodgeMessage(x, y) { const dodgeText = this.add.text(x, y, "Dodge!", { fontSize: '24px', fill: '#00ff00' }).setOrigin(0.5); this.time.delayedCall(1000, () => { dodgeText.destroy(); }); } playerAttack() { const allEnemies = this.darkRedTiles; const targetEnemy = allEnemies.find(enemy => this.isAdjacent(this.playerTile, enemy)); if (!targetEnemy) return; if (this.doesAttackMiss()) { this.showMissMessage(this.playerTile.x, this.playerTile.y); this.canMove = false; this.turnCount++; this.moveEnemyTiles(); return; } const weaponBonus = this.equippedWeapon ? this.equippedWeapon.power : 0; let playerDamage = this.playerStrength + weaponBonus; // Check for critical hit const isCriticalHit = Math.random() * 100 < this.critChance; if (isCriticalHit) { playerDamage = Math.floor(playerDamage * (1 + this.critDamage / 100)); // Apply crit damage } // Calculate effective defense let effectiveDefense = targetEnemy.defense; if (isCriticalHit) { effectiveDefense = Math.floor(targetEnemy.defense * 0.65); // Ignore 20% of defense on crit } // Apply defense to damage playerDamage -= effectiveDefense; if (effectiveDefense >= this.playerStrength + weaponBonus + 8) { playerDamage = 0; } else if (this.playerStrength + weaponBonus > effectiveDefense + 5) { playerDamage = Math.max(1, playerDamage); } else { playerDamage = Math.max(0, playerDamage); } targetEnemy.hp -= playerDamage; this.showDamageNumber(playerDamage, targetEnemy.x, targetEnemy.y, isCriticalHit); this.showEnemyStats([targetEnemy]); // Apply lifesteal if (playerDamage > 0 && this.lifesteal > 0) { const healAmount = Math.floor(playerDamage * (this.lifesteal / 100)); if (healAmount > 0) { this.playerHP = Math.min(this.playerHP + healAmount, this.playerMaxHP); this.showHealingMessage(healAmount); } } if (targetEnemy.hp <= 0) { this.removeEnemyTile(targetEnemy); } else { const armorBonus = this.equippedArmor ? this.equippedArmor.defense : 0; let enemyDamage = targetEnemy.strength - (this.playerDefense + armorBonus); if (this.playerDefense + armorBonus >= targetEnemy.strength + 8) { enemyDamage = 0; } else if (this.playerDefense + armorBonus > targetEnemy.strength + 5) { enemyDamage = Math.max(0, enemyDamage); } else { enemyDamage = Math.max(1, enemyDamage); } this.playerHP -= enemyDamage; this.showDamageNumber(enemyDamage, this.playerTile.x, this.playerTile.y); } this.updateStatsText(); this.canMove = false; this.turnCount++; this.moveEnemyTiles(); } removeEnemyTile(enemy) { if (this.darkRedTiles.includes(enemy)) { const index = this.darkRedTiles.indexOf(enemy); if (index > -1) { enemy.destroy(); // Destroy the enemy game object this.darkRedTiles.splice(index, 1); } } this.enemiesLeft = this.darkRedTiles.length; // Update enemiesLeft count this.updateEnemiesLeftText(); this.hideEnemyStats(); this.killCount++; // 65% chance to heal 8 HP if (Math.random() < 0.65 && this.playerHP < this.playerMaxHP) { const healAmount = Math.min(8, this.playerMaxHP - this.playerHP); this.playerHP += healAmount; this.showHealingMessage(healAmount); } if (this.enemiesLeft <= 0) { this.time.delayedCall(1000, () => { // Add a small delay before showing encounter finished this.showEncounterFinished(); }); } // Increment kills since last level-up this.killsSinceLastLevel++; // Set level cap to current map number const levelCap = this.mapCount + 1; // Check if player should level up if (this.killsSinceLastLevel >= 4 && this.playerLevel < levelCap) { // Level up the player this.playerLevel++; this.killsSinceLastLevel = 0; // Reset kills since last level // Use growth rates for stat increases const calculateStatIncrease = (growthRate) => { const cappedRate = Math.min(growthRate, 10.0); // Cap at 1000% const baseIncrease = Math.floor(cappedRate); const additionalChance = cappedRate - baseIncrease; return baseIncrease + (Math.random() < additionalChance ? 1 : 0); }; const strIncrease = calculateStatIncrease(this.strGrowthRate); const defIncrease = calculateStatIncrease(this.defGrowthRate); const agiIncrease = calculateStatIncrease(this.agiGrowthRate); const hpIncrease = calculateStatIncrease(this.hpGrowthRate) * 2; // HP increases by 2 per point this.playerStrength += strIncrease; this.playerDefense += defIncrease; this.playerAgility += agiIncrease; this.playerMaxHP += hpIncrease; this.playerHP += hpIncrease; this.playerHP = Math.min(this.playerHP, this.playerMaxHP); // Ensure HP doesn't exceed max if (agiIncrease > 0) { this.updateDodgeChance(); // Update dodge chance when agility increases } // Display stat increases in the UI this.displayStatIncreases(strIncrease, defIncrease, agiIncrease, hpIncrease); this.updateStatsText(); this.updateGrowthRatesText(); // Show level up message this.showLevelUpMessage(); // Check if the player's level is a multiple of 5 if (this.playerLevel % 5 === 0) { this.time.delayedCall(2000, () => { this.showSkillSelectionMenu(); }); } } // Check if the player has just completed a map that should trigger the skill menu if ([10, 20, 30, 40, 50, 60, 70].includes(this.mapCount)) { this.time.delayedCall(2000, () => { this.showSkillSelectionMenu(); }); } } showPotionAcquiredMessage() { // Potion acquired (no message shown) } showHealingMessage(healAmount) { // Healed (no message shown) } showLevelUpMessage() { const levelCap = this.mapCount + 1; const levelUpText = `Level Up!\nNew Level: ${this.playerLevel}\nLevel Cap: ${levelCap}\nKills needed for next level: 4`; // Level up (no message shown) } showEncounterFinished() { const overlay = this.add.rectangle(0, 0, this.cameras.main.width, this.cameras.main.height, 0x000000, 0.7); overlay.setOrigin(0); overlay.setScrollFactor(0); overlay.setDepth(1000); const message = this.add.text( this.cameras.main.width / 2, this.cameras.main.height / 2 - 40, 'Encounter Finished!', { fill: '#00ff00', fontSize: '32px' } ).setOrigin(0.5).setScrollFactor(0).setDepth(1001); // Heal the player to full HP const healAmount = this.playerMaxHP - this.playerHP; this.playerHP = this.playerMaxHP; const healMessage = this.add.text( this.cameras.main.width / 2, this.cameras.main.height / 2 + 40, `You've been fully healed! (+${healAmount} HP)`, { fill: '#00ffff', fontSize: '24px' } ).setOrigin(0.5).setScrollFactor(0).setDepth(1001); this.time.delayedCall(3000, () => { overlay.destroy(); message.destroy(); healMessage.destroy(); this.spawnCyanTiles(); if (Math.random() < 0.45) { this.spawnPurpleTile(); } if (Math.random() < 0.07) { this.spawnWhiteTile(); } this.updateStatsText(); // Update the stats display }); } // The createCyanTileTexture method has been removed spawnCyanTiles() { const numCyanTiles = Phaser.Math.Between(1, 3); // Spawn 1 to 3 cyan tiles for (let i = 0; i < numCyanTiles; i++) { let x, y; do { x = Phaser.Math.Between(1, this.gridWidth / this.cellSize - 2); y = Phaser.Math.Between(1, this.gridHeight / this.cellSize - 2); } while (this.isOccupied(x * this.cellSize + this.cellSize / 2, y * this.cellSize + this.cellSize / 2)); const cyanTile = this.add.image( x * this.cellSize + this.cellSize / 2, y * this.cellSize + this.cellSize / 2, 'cyanTile' ); cyanTile.setOrigin(0.5); cyanTile.setInteractive(); // Make the tile interactive this.gridLayer.add(cyanTile); this.cyanTiles.push(cyanTile); } } isCyanTile(x, y) { return this.cyanTiles.some(tile => Math.abs(tile.x - x) < this.cellSize / 2 && Math.abs(tile.y - y) < this.cellSize / 2 ); } removeCyanTile(x, y) { const tileIndex = this.cyanTiles.findIndex(tile => Math.abs(tile.x - x) < this.cellSize / 2 && Math.abs(tile.y - y) < this.cellSize / 2 ); if (tileIndex !== -1) { this.cyanTiles[tileIndex].destroy(); this.cyanTiles.splice(tileIndex, 1); } } handleItemDrop(x, y) { const item = this.getRandomItem(); this.removeCyanTile(x, y); this.showItemMenu(item); } removeCyanTile(x, y) { const tileIndex = this.cyanTiles.findIndex(tile => tile.x === x && tile.y === y ); if (tileIndex !== -1) { this.cyanTiles[tileIndex].destroy(); this.cyanTiles.splice(tileIndex, 1); } } removeCyanTile(x, y) { const tileIndex = this.cyanTiles.findIndex(tile => Math.abs(tile.x - x) < this.cellSize && Math.abs(tile.y - y) < this.cellSize ); if (tileIndex !== -1) { this.cyanTiles[tileIndex].destroy(); this.cyanTiles.splice(tileIndex, 1); } } spawnPurpleTile() { let x, y; do { x = Phaser.Math.Between(1, this.gridWidth / this.cellSize - 2); y = Phaser.Math.Between(1, this.gridHeight / this.cellSize - 2); } while (this.isOccupied(x * this.cellSize + this.cellSize / 2, y * this.cellSize + this.cellSize / 2)); const purpleTile = this.add.image( x * this.cellSize + this.cellSize / 2, y * this.cellSize + this.cellSize / 2, 'purpleTile' ); purpleTile.setOrigin(0.5); purpleTile.setInteractive(); this.gridLayer.add(purpleTile); this.purpleTiles.push(purpleTile); } createWeaponTile(x, y, weapon) { const graphics = this.add.graphics(); graphics.fillStyle(this.getColorForRarity(weapon.rarity), 1); graphics.fillRect(0, 0, this.cellSize, this.cellSize); const texture = graphics.generateTexture(`weaponTile_${weapon.rarity}`, this.cellSize, this.cellSize); graphics.destroy(); const weaponTile = this.add.image(x + this.cellSize / 2, y + this.cellSize / 2, `weaponTile_${weapon.rarity}`); weaponTile.setOrigin(0.5); weaponTile.weapon = weapon; this.weaponTiles = this.weaponTiles || []; this.weaponTiles.push(weaponTile); } getColorForRarity(rarity) { const rarityColors = { 'Common': 0xffffff, 'Uncommon': 0x1eff00, 'Rare': 0x0070dd, 'Epic': 0xa335ee, 'Legendary': 0xff8000, 'Mythical': 0xe6cc80, 'Abyssal': 0xff0000, 'Heavenly': 0x00ffff, 'Cosmic': 0xff00ff, 'Destructive': 0x8b0000 }; return rarityColors[rarity] || 0xffffff; } displayStatIncreases(strIncrease, defIncrease, agiIncrease, hpIncrease) { let statsGainedText = 'LEVEL UP!\n'; if (strIncrease > 0) statsGainedText += `STR +${strIncrease}\n`; if (defIncrease > 0) statsGainedText += `DEF +${defIncrease}\n`; if (agiIncrease > 0) statsGainedText += `AGI +${agiIncrease}\n`; if (hpIncrease > 0) statsGainedText += `HP +${hpIncrease}`; if (statsGainedText !== 'LEVEL UP!\n') { const mainWidth = this.cameras.main.width; const mainHeight = this.cameras.main.height; const statsText = this.add.text(mainWidth / 2, mainHeight / 2, statsGainedText, { fontSize: '32px', fontStyle: 'bold', fill: '#ffff00', align: 'center' }).setOrigin(0.5); statsText.setScrollFactor(0); statsText.setDepth(1001); // Ensure it's above other UI elements // Add a background to the text for better visibility const padding = 20; const background = this.add.rectangle( mainWidth / 2, mainHeight / 2, statsText.width + padding * 2, statsText.height + padding * 2, 0x000000, 0.7 ); background.setScrollFactor(0); background.setDepth(1000); // Animation for the stat increase display this.tweens.add({ targets: [statsText, background], alpha: { from: 0, to: 1 }, scale: { from: 0.5, to: 1 }, duration: 1000, ease: 'Bounce.easeOut', onComplete: () => { this.time.delayedCall(2000, () => { this.tweens.add({ targets: [statsText, background], alpha: 0, scale: 1.5, duration: 1000, ease: 'Power2', onComplete: () => { statsText.destroy(); background.destroy(); } }); }); } }); } } showWeaponInfo(weapon) { if (this.weaponInfoMenu) { this.weaponInfoMenu.destroy(); } this.weaponInfoMenu = this.add.container(400, 300); this.weaponInfoMenu.setScrollFactor(0); const background = this.add.rectangle(0, 0, 300, 150, 0x000000, 0.8); background.setOrigin(0.5); const nameText = this.add.text(0, -50, weapon.name, { fontSize: '24px', fill: '#ffffff' }); nameText.setOrigin(0.5); const rarityText = this.add.text(0, 0, `Rarity: ${weapon.rarity}`, { fontSize: '18px', fill: '#ffffff' }); rarityText.setOrigin(0.5); const powerText = this.add.text(0, 50, `Power: +${weapon.power}`, { fontSize: '18px', fill: '#ffffff' }); powerText.setOrigin(0.5); this.weaponInfoMenu.add([background, nameText, rarityText, powerText]); this.time.delayedCall(3000, () => { this.weaponInfoMenu.destroy(); this.weaponInfoMenu = null; }); } showDamageNumber(damage, x, y, isCritical = false) { const damageText = this.add.text(x, y, `-${damage}`, { fontSize: isCritical ? '32px' : '24px', fill: isCritical ? '#ffff00' : '#ff0000', fontStyle: isCritical ? 'bold' : 'normal' }).setOrigin(0.5); damageText.setDepth(1001); // Set damage numbers slightly above UI elements this.damageTexts.push({ text: damageText, time: 0 }); if (isCritical) { const critText = this.add.text(x, y - 20, 'CRIT!', { fontSize: '20px', fill: '#ffff00', fontStyle: 'bold' }).setOrigin(0.5); critText.setDepth(1001); this.damageTexts.push({ text: critText, time: 0 }); } } updateDamageTexts() { for (let i = this.damageTexts.length - 1; i >= 0; i--) { const damageText = this.damageTexts[i]; damageText.time += 1; damageText.text.y -= 1; if (damageText.time > 60) { damageText.text.destroy(); this.damageTexts.splice(i, 1); } } } showGameOver() { // Disable player movement this.canMove = false; // Calculate elapsed time const elapsedTime = Math.floor((this.endTime - this.startTime) / 1000); // Convert to seconds const minutes = Math.floor(elapsedTime / 60); const seconds = elapsedTime % 60; // Create a semi-transparent black overlay const overlay = this.add.rectangle(0, 0, this.cameras.main.width, this.cameras.main.height, 0x000000, 0.8); overlay.setOrigin(0); overlay.setScrollFactor(0); overlay.setDepth(10000); // Add the "Game Over" text const gameOverText = this.add.text( this.cameras.main.width / 2, this.cameras.main.height / 2 - 150, "Game Over", { fontSize: '64px', fill: '#ff0000' } ); gameOverText.setOrigin(0.5); gameOverText.setScrollFactor(0); gameOverText.setDepth(10001); // Add player stats const statsText = this.add.text( this.cameras.main.width / 2, this.cameras.main.height / 2 - 50, `Kills: ${this.killCount}\nLevel: ${this.playerLevel}\nMaps Traversed: ${this.mapCount}\nTime Elapsed: ${minutes}m ${seconds}s`, { fontSize: '32px', fill: '#ffffff', align: 'center' } ); statsText.setOrigin(0.5); statsText.setScrollFactor(0); statsText.setDepth(10001); // Add restart button const restartButton = this.add.text( this.cameras.main.width / 2, this.cameras.main.height / 2 + 100, "Restart", { fontSize: '32px', fill: '#00ff00' } ); restartButton.setOrigin(0.5); restartButton.setScrollFactor(0); restartButton.setDepth(10001); restartButton.setInteractive(); restartButton.on('pointerdown', () => { this.scene.restart(); }); } acquireWeapon() { if (this.weaponTiles && this.weaponTiles.length > 0) { const weaponTile = this.weaponTiles.find(tile => Phaser.Math.Distance.Between(this.playerTile.x, this.playerTile.y, tile.x, tile.y) < this.cellSize ); if (weaponTile) { this.equippedWeapon = weaponTile.weapon; this.updateStatsText(); this.showWeaponInfo(weaponTile.weapon); weaponTile.destroy(); this.weaponTiles = this.weaponTiles.filter(tile => tile !== weaponTile); } } } showItemMenu(item) { const menuWidth = 400; const menuHeight = 350; // Increased height to accommodate boosts const menuX = (this.cameras.main.width - menuWidth) / 2; const menuY = (this.cameras.main.height - menuHeight) / 2; const menu = this.add.container(menuX, menuY); menu.setDepth(1001); menu.setScrollFactor(0); const background = this.add.rectangle(0, 0, menuWidth, menuHeight, 0x000000, 0.8); background.setOrigin(0); const titleText = this.add.text(menuWidth / 2, 20, 'Item Found!', { fontSize: '24px', fill: '#ffffff' }).setOrigin(0.5, 0); let itemDescription = `${item.name}\n${item.type === 'weapon' ? 'Power' : 'Defense'}: +${item.type === 'weapon' ? item.power : item.defense}`; if (item.boosts && item.boosts.length > 0) { itemDescription += '\n\nBoosts:'; item.boosts.forEach(boost => { itemDescription += `\n${boost}`; }); } const itemText = this.add.text(menuWidth / 2, 60, itemDescription, { fontSize: '18px', fill: '#ffffff', align: 'center' }).setOrigin(0.5, 0); const equipButton = this.add.text(menuWidth / 2, menuHeight - 80, 'Equip', { fontSize: '20px', fill: '#00ff00' }).setOrigin(0.5).setInteractive(); const closeButton = this.add.text(menuWidth / 2, menuHeight - 40, 'Close', { fontSize: '20px', fill: '#ff0000' }).setOrigin(0.5).setInteractive(); equipButton.on('pointerdown', () => { this.equipItem(item); menu.destroy(); }); closeButton.on('pointerdown', () => { menu.destroy(); }); menu.add([background, titleText, itemText, equipButton, closeButton]); } showSkillSelectionMenu() { const overlay = this.add.rectangle(0, 0, this.cameras.main.width, this.cameras.main.height, 0x000000, 0.8); overlay.setOrigin(0); overlay.setScrollFactor(0); overlay.setDepth(1003); // Set overlay slightly above weapon menu const menuContainer = this.add.container(400, 300); menuContainer.setScrollFactor(0); menuContainer.setDepth(1004); // Set menu container above overlay const titleText = this.add.text(0, -150, `Level ${this.playerLevel}: Choose a Skill`, { fontSize: '32px', fill: '#ffffff' }); titleText.setOrigin(0.5); menuContainer.add(titleText); const shuffledSkills = Phaser.Utils.Array.Shuffle(this.skills.slice()); const skillOptions = shuffledSkills.slice(0, 3); skillOptions.forEach((skill, index) => { const skillButton = this.add.text(0, -50 + index * 70, skill.name, { fontSize: '24px', fill: '#00ff00' }); skillButton.setOrigin(0.5); skillButton.setInteractive({ useHandCursor: true }); skillButton.on('pointerdown', () => { skill.effect(); this.updateGrowthRatesText(); this.showSkillAcquiredMessage(skill.name); overlay.destroy(); menuContainer.destroy(); }); menuContainer.add(skillButton); }); } showSkillAcquiredMessage(skillName) { const skillText = this.add.text( this.cameras.main.width / 2, this.cameras.main.height / 2, `Skill Acquired: ${skillName}`, { fontSize: '32px', fill: '#00ff00', align: 'center' } ); skillText.setOrigin(0.5); skillText.setScrollFactor(0); skillText.setDepth(1005); // Set slightly above skill selection menu this.time.delayedCall(2000, () => { skillText.destroy(); }); } handlePurpleTileInteraction(purpleTile) { const effect = Math.random(); const additionalBonus = Math.max(0, Math.floor((this.mapCount - 10) / 10) + 1); const baseHpIncrease = 5; const baseStatIncrease = 2; const hpIncrease = baseHpIncrease + additionalBonus; const statIncrease = baseStatIncrease + additionalBonus; let message = ''; if (effect < 0.25) { this.playerMaxHP += hpIncrease; this.playerHP = Math.min(this.playerHP + hpIncrease, this.playerMaxHP); message = `Max HP increased by ${hpIncrease}!`; } else if (effect < 0.5) { this.playerStrength += statIncrease; message = `Strength increased by ${statIncrease}!`; } else if (effect < 0.75) { this.playerDefense += statIncrease; message = `Defense increased by ${statIncrease}!`; } else { this.playerAgility += statIncrease; message = `Agility increased by ${statIncrease}!`; } // Remove the purple tile const index = this.purpleTiles.indexOf(purpleTile); if (index > -1) { this.purpleTiles.splice(index, 1); purpleTile.destroy(); } // Update the player's stats this.updateStatsText(); // Show the message with a longer duration and better visibility this.showPurpleTileMessage(message); } showPurpleTileMessage(message) { const x = this.cameras.main.width / 2; const y = this.cameras.main.height / 2; // Create a background for the message const graphics = this.add.graphics(); graphics.fillStyle(0x000000, 0.7); graphics.fillRoundedRect(x - 200, y - 50, 400, 100, 20); // Create the message text const text = this.add.text(x, y, message, { font: '24px Arial', fill: '#ffffff', align: 'center', wordWrap: { width: 380 } }).setOrigin(0.5); // Set depth to ensure it appears above other game elements graphics.setDepth(1000); text.setDepth(1001); // Remove the message after 3 seconds this.time.delayedCall(3000, () => { graphics.destroy(); text.destroy(); }); } showMessage(text, style = {}, duration = 2000) { if (this.activeMessage) { this.activeMessage.destroy(); } const defaultStyle = { fontSize: '24px', fill: '#ffffff', align: 'center' }; const mergedStyle = { ...defaultStyle, ...style }; this.activeMessage = this.add.text( this.cameras.main.width / 2, this.cameras.main.height / 2, text, mergedStyle ).setOrigin(0.5).setScrollFactor(0).setDepth(1001); if (this.messageTimer) { this.messageTimer.remove(); } this.messageTimer = this.time.delayedCall(duration, () => { if (this.activeMessage) { this.activeMessage.destroy(); this.activeMessage = null; } this.messageTimer = null; }); return this.activeMessage; } checkWinCondition() { if (this.mapCount >= 80 && this.enemiesLeft === 0 && !this.gameWon) { this.gameWon = true; this.endTime = Date.now(); this.showWinScreen(); } } showWinScreen() { // Disable player movement this.canMove = false; // Calculate elapsed time const elapsedTime = Math.floor((this.endTime - this.startTime) / 1000); // Convert to seconds const minutes = Math.floor(elapsedTime / 60); const seconds = elapsedTime % 60; // Create a semi-transparent black overlay const overlay = this.add.rectangle(0, 0, this.cameras.main.width, this.cameras.main.height, 0x000000, 0.8); overlay.setOrigin(0); overlay.setScrollFactor(0); overlay.setDepth(1000); // Add the "You Win!" text const winText = this.add.text( this.cameras.main.width / 2, this.cameras.main.height / 2 - 150, "You Win!", { fontSize: '64px', fill: '#00ff00' } ); winText.setOrigin(0.5); winText.setScrollFactor(0); winText.setDepth(1001); // Add player stats const statsText = this.add.text( this.cameras.main.width / 2, this.cameras.main.height / 2 - 50, `Final Level: ${this.playerLevel}\nEnemies Killed: ${this.killCount}\nTime Elapsed: ${minutes}m ${seconds}s`, { fontSize: '32px', fill: '#ffffff', align: 'center' } ); statsText.setOrigin(0.5); statsText.setScrollFactor(0); statsText.setDepth(1001); // Add restart button const restartButton = this.add.text( this.cameras.main.width / 2, this.cameras.main.height / 2 + 100, "Play Again", { fontSize: '32px', fill: '#00ff00' } ); restartButton.setOrigin(0.5); restartButton.setScrollFactor(0); restartButton.setDepth(1001); restartButton.setInteractive(); restartButton.on('pointerdown', () => { this.scene.start('MainMenu'); }); } handleMessageQueue() { if (this.currentMessage && this.currentMessage.active) { return; // If a message is currently being displayed, do nothing } if (this.messageQueue.length > 0) { const message = this.messageQueue.shift(); // Get the next message from the queue this.showMessage(message.text, message.duration, message.config); } } showMessage(text, duration, config = {}) { const defaultConfig = { fontSize: '32px', fill: '#ffffff', align: 'center' }; const finalConfig = { ...defaultConfig, ...config }; if (this.currentMessage && this.currentMessage.active) { this.currentMessage.destroy(); } this.currentMessage = this.add.text( this.cameras.main.width / 2, this.cameras.main.height / 2, text, finalConfig ); this.currentMessage.setOrigin(0.5); this.currentMessage.setScrollFactor(0); this.currentMessage.setDepth(1005); // Set above other UI elements this.time.delayedCall(duration, () => { if (this.currentMessage && this.currentMessage.active) { this.currentMessage.destroy(); } this.currentMessage = null; this.handleMessageQueue(); // Process the next message in the queue }); } } const config = { type: Phaser.AUTO, parent: 'renderDiv', pixelArt: true, scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 800, height: 600, physics: { default: 'arcade', arcade: { gravity: { y: 0 } } }, scene: [MainMenu, GameScene] }; window.phaserGame = new Phaser.Game(config);