class Example extends Phaser.Scene { constructor() { super(); this.health = 5; this.healthRects = []; this.ammo = 60; this.ammoText = null; this.difficulty = null; this.difficultyButton = null; this.banditsSpawnTimer = null; this.tutorialText = null; this.score = 0; this.scoreText = null; this.timerText = null; this.timeRemaining = 300; // 5 minutes in seconds this.difficultyMultiplier = 1; this.lastDifficultyIncrease = 0; this.achievements = { 'Sharpshooter': { description: 'Hit 10 bandits in a row', completed: false }, 'Ammo Hoarder': { description: 'Collect 100 ammo from Mr. Monopoly', completed: false }, 'Survivalist': { description: 'Survive for 5 minutes', completed: false }, 'Giant Slayer': { description: 'Defeat 5 huge bandits', completed: false }, 'Perfect Round': { description: 'Clear a wave without missing', completed: false } }; this.achievementsText = null; } preload() { this.load.image('bandit', 'https://play.rosebud.ai/assets/A Wild West bandit.png?AQV8'); this.load.image('saloon', 'https://play.rosebud.ai/assets/The saloon in an old western town.png?BTzq'); this.load.image('monopolyman', 'https://play.rosebud.ai/assets/Monopoly Man.png?8yZr'); this.load.image('hugeBandit', 'https://play.rosebud.ai/assets/Huge giant big western bandit.png?xqgL'); this.load.audio('gunshot', 'https://play.rosebud.ai/assets/Voicy_Gun Shot.mp3?D6tB'); } create() { // Create the sky (blue, top 20% of the screen) const sky = this.add.rectangle(0, 0, this.sys.game.config.width, this.sys.game.config.height * 0.2, 0x87CEEB); sky.setOrigin(0, 0); // Create the ground (tan, bottom 80% of the screen) const ground = this.add.rectangle(0, this.sys.game.config.height * 0.2, this.sys.game.config.width, this.sys.game.config.height * 0.8, 0xD2B48C); ground.setOrigin(0, 0); // Add the saloon to the scene const saloon = this.add.image(400, 300, 'saloon'); saloon.setOrigin(0.5); saloon.setScale(0.8); // Adjust this value to fit the saloon properly in the scene // Create health bar this.createHealthBar(); // Add ammo counter this.ammoText = this.add.text(780, 10, 'Ammo: 60', { fontSize: '24px', fill: '#ffffff' }); this.ammoText.setOrigin(1, 0); // Add timer text this.timerText = this.add.text(780, 40, 'Time: 5:00', { fontSize: '24px', fill: '#ffffff' }); this.timerText.setOrigin(1, 0); // Add debug button const debugButton = this.add.text(400, 40, 'Spawn Monopoly Man', { fontSize: '18px', fill: '#ffffff', backgroundColor: '#000000', padding: { left: 10, right: 10, top: 5, bottom: 5 } }); debugButton.setOrigin(0.5); debugButton.setInteractive({ useHandCursor: true }); debugButton.on('pointerdown', () => this.spawnMonopolyMan()); // Add global input listener this.input.on('pointerdown', (pointer) => { if (!pointer.wasTouch) { this.decreaseAmmo(); this.sound.play('gunshot'); } }); // Set up initial timer for bandit spawning (will be replaced when difficulty is set) // Removed the initial bandit spawn timer this.difficultyButton = this.add.text(10, 200, 'Set Difficulty', { fontSize: '18px', fill: '#ffffff', backgroundColor: '#000000', padding: { left: 10, right: 10, top: 5, bottom: 5 } }); this.difficultyButton.setInteractive({ useHandCursor: true }); this.difficultyButton.on('pointerdown', this.showDifficultyOptions, this); // Add score text this.scoreText = this.add.text(10, 50, 'Score: 0', { fontSize: '24px', fill: '#ffffff' }); // Create achievements table this.createAchievementsTable(); // Show tutorial this.showTutorial(); } spawnBandit() { // Spawn bandit in the middle and right side of the screen const x = Phaser.Math.Between(400, 750); // 400 is the middle of the screen width (800) // Spawn bandit in the lower third of the screen for foreground effect const y = Phaser.Math.Between(400, 550); // Determine whether to spawn a bandit, huge bandit, or Monopoly Man const rand = Phaser.Math.RND.frac(); const isMonopolyMan = rand < 0.05; const isHugeBandit = !isMonopolyMan && rand < (0.15 * this.difficultyMultiplier); // Increased chance for huge bandit let characterType; if (isMonopolyMan) characterType = 'monopolyman'; else if (isHugeBandit) characterType = 'hugeBandit'; else characterType = 'bandit'; const character = this.add.image(x, y, characterType); // Adjust scale based on the character character.setScale(isMonopolyMan ? 0.2 : (isHugeBandit ? 0.2 : 0.3)); // Set character health character.health = isHugeBandit ? Math.ceil(2 * this.difficultyMultiplier) : 1; // Make the character interactive character.setInteractive(); // Add tap listener character.on('pointerdown', (pointer) => { pointer.wasTouch = true; if (this.ammo > 0) { this.sound.play('gunshot'); if (isMonopolyMan) { this.flashScreen(0xff0000); // Red flash for shooting Monopoly Man this.gameOver(); } else { this.flashScreen(0xffffff); // White flash for successful tap on bandit character.health--; if (character.health <= 0) { character.destroy(); this.updateScore(isHugeBandit ? 20 : 10); // More points for huge bandits // Check for achievements if (isHugeBandit) { this.hugebanditKills = (this.hugebanditKills || 0) + 1; if (this.hugebanditKills >= 5) { this.updateAchievement('Giant Slayer'); } } } else { // Visual feedback for hitting huge bandit this.tweens.add({ targets: character, alpha: 0.5, duration: 100, yoyo: true }); } this.decreaseAmmo(); } } }); // Make the character disappear after 2 seconds if not tapped const disappearEvent = this.time.delayedCall(2000, () => { if (isMonopolyMan) { this.flashScreen(0x00ff00); // Green flash for not shooting Monopoly Man this.ammo = Math.min(this.ammo + 20, 60); // Gain 20 ammo, max 60 this.updateAmmoCounter(); } else { this.flashScreen(0xff0000); // Red flash for missed bandit if (this.extraHealth > 0) { this.extraHealth--; } else { this.health = Math.max(0, this.health - 1); } this.updateHealthBar(); } character.destroy(); }); // If tapped, clear the timed event character.on('destroy', () => { if (disappearEvent) { disappearEvent.remove(false); } }); } flashScreen(color = 0xffffff) { const flash = this.add.rectangle(0, 0, this.sys.game.config.width, this.sys.game.config.height, color); flash.setOrigin(0, 0); flash.setAlpha(0); this.tweens.add({ targets: flash, alpha: 1, duration: 100, yoyo: true, repeat: 1, onComplete: () => { flash.destroy(); } }); } createHealthBar() { const barWidth = 30; const barHeight = 10; const barPadding = 5; const startX = 10; const startY = 10; for (let i = 0; i < 5; i++) { const healthRect = this.add.rectangle( startX + i * (barWidth + barPadding), startY, barWidth, barHeight, 0x00ff00 ); healthRect.setOrigin(0, 0); this.healthRects.push(healthRect); } } updateHealthBar() { const totalHealth = this.health + this.extraHealth; for (let i = 0; i < this.healthRects.length; i++) { if (i < this.health) { this.healthRects[i].fillColor = 0x00ff00; } else if (i < totalHealth) { this.healthRects[i].fillColor = 0x0000ff; } else { this.healthRects[i].fillColor = 0xff0000; } } if (totalHealth <= 0) { this.gameOver(); } } updateAmmoCounter() { this.ammoText.setText(`Ammo: ${this.ammo}`); } decreaseAmmo() { if (this.ammo > 0) { this.ammo--; this.updateAmmoCounter(); } } gameOver() { this.displayBanditsInLine(); this.flashScreenErratically(); this.showGameOverScreen(); this.playErraticGunshots(); } playErraticGunshots() { const gunshots = 10; for (let i = 0; i < gunshots; i++) { this.time.delayedCall(Phaser.Math.Between(0, 2000), () => { this.sound.play('gunshot'); }); } } displayBanditsInLine() { const startX = 100; const y = 500; for (let i = 0; i < 6; i++) { const bandit = this.add.image(startX + i * 120, y, 'bandit'); bandit.setScale(0.4); } } flashScreenErratically() { const flash = this.add.rectangle(0, 0, this.sys.game.config.width, this.sys.game.config.height, 0xffffff); flash.setOrigin(0, 0); flash.setAlpha(0); const flashDuration = 100; const flashCount = 10; for (let i = 0; i < flashCount; i++) { this.time.delayedCall(i * flashDuration * 2, () => { this.tweens.add({ targets: flash, alpha: 1, duration: flashDuration / 2, yoyo: true }); }); } } showGameOverScreen() { const gameOverText = this.add.text(400, 300, 'GAME OVER', { fontSize: '64px', fill: '#ff0000', fontStyle: 'bold' }); gameOverText.setOrigin(0.5); this.time.delayedCall(3000, () => { // You can add logic here to restart the game or return to a menu }); } spawnMonopolyMan() { const x = Phaser.Math.Between(533, 750); const y = Phaser.Math.Between(300, 550); const monopolyMan = this.add.image(x, y, 'monopolyman'); monopolyMan.setScale(0.2); monopolyMan.setInteractive(); monopolyMan.on('pointerdown', (pointer) => { pointer.wasTouch = true; if (this.ammo > 0) { this.sound.play('gunshot'); this.flashScreen(0xff0000); // Red flash for shooting Monopoly Man this.gameOver(); } }); const disappearEvent = this.time.delayedCall(2000, () => { this.flashScreen(0x00ff00); // Green flash for not shooting Monopoly Man this.ammo = Math.min(this.ammo + 20, 60); // Gain 20 ammo, max 60 this.updateAmmoCounter(); monopolyMan.destroy(); }); monopolyMan.on('destroy', () => { if (disappearEvent) { disappearEvent.remove(false); } }); } showDifficultyOptions() { if (this.difficulty !== null) return; // Difficulty can only be set once const options = ['Easy', 'Medium', 'Hard']; const optionButtons = []; options.forEach((option, index) => { const button = this.add.text(10, 240 + index * 40, option, { fontSize: '16px', fill: '#ffffff', backgroundColor: '#000000', padding: { left: 5, right: 5, top: 3, bottom: 3 } }); button.setInteractive({ useHandCursor: true }); button.on('pointerdown', () => this.setDifficulty(option)); optionButtons.push(button); }); this.difficultyButton.disableInteractive(); this.difficultyButton.setText('Select Difficulty:'); } setDifficulty(difficulty) { this.difficulty = difficulty; this.difficultyButton.setText(`Difficulty: ${difficulty}`); // Remove difficulty option buttons this.children.list .filter(child => child.type === 'Text' && ['Easy', 'Medium', 'Hard'].includes(child.text)) .forEach(child => child.destroy()); // Adjust bandit spawn rate based on difficulty if (this.banditsSpawnTimer) this.banditsSpawnTimer.remove(); let spawnDelay; switch (difficulty) { case 'Easy': spawnDelay = { min: 2000, max: 4000 }; break; case 'Medium': spawnDelay = { min: 1500, max: 3000 }; break; case 'Hard': spawnDelay = { min: 1000, max: 2000 }; break; } // Start spawning bandits after difficulty is set this.startBanditSpawning(spawnDelay); // Start the timer this.time.addEvent({ delay: 1000, callback: this.updateTimer, callbackScope: this, loop: true }); } startBanditSpawning(spawnDelay) { const spawnBandit = () => { this.spawnBandit(); const adjustedDelay = this.getAdjustedSpawnDelay(); this.banditsSpawnTimer = this.time.delayedCall( Phaser.Math.Between(adjustedDelay.min, adjustedDelay.max), spawnBandit, [], this ); }; spawnBandit(); } showTutorial() { const tutorialText = [ "Welcome to the Wild West Shooter!", "", "- Tap or click on bandits to shoot them", "- Don't let bandits escape or you'll lose health", "- Watch out for Mr. Monopoly Man:", " * Don't shoot him or it's game over", " * Let him pass to gain extra ammo", "", "Set your difficulty and start playing!", "", "Tap anywhere to close this tutorial" ].join('\n'); this.tutorialText = this.add.text(400, 300, tutorialText, { fontSize: '18px', fill: '#ffffff', align: 'center', backgroundColor: '#000000', padding: { left: 20, right: 20, top: 20, bottom: 20 } }); this.tutorialText.setOrigin(0.5); this.tutorialText.setDepth(1000); this.input.once('pointerdown', () => { this.tutorialText.destroy(); }); } updateScore(points) { this.score += points; this.scoreText.setText(`Score: ${this.score}`); } createAchievementsTable() { const x = 600; // Position on the right side const y = 200; // Middle of the screen let achievementsText = "Achievements:\n\n"; Object.entries(this.achievements).forEach(([name, achievement]) => { const status = achievement.completed ? '✓' : '☐'; achievementsText += `${status} ${name}\n${achievement.description}\n\n`; }); this.achievementsText = this.add.text(x, y, achievementsText, { fontSize: '14px', fill: '#ffffff', align: 'left', wordWrap: { width: 180 } }); this.achievementsText.setOrigin(0, 0); } updateAchievement(achievementName) { if (this.achievements[achievementName]) { this.achievements[achievementName].completed = true; this.createAchievementsTable(); // Refresh the achievements display } } updateTimer() { this.timeRemaining--; const minutes = Math.floor(this.timeRemaining / 60); const seconds = this.timeRemaining % 60; this.timerText.setText(`Time: ${minutes}:${seconds.toString().padStart(2, '0')}`); // Increase difficulty every 30 seconds if (this.timeRemaining % 30 === 0 && this.timeRemaining !== this.lastDifficultyIncrease) { this.increaseDifficulty(); this.lastDifficultyIncrease = this.timeRemaining; } if (this.timeRemaining <= 0) { this.updateAchievement('Survivalist'); this.gameOver(); } } increaseDifficulty() { this.difficultyMultiplier += 0.1; console.log(`Difficulty increased. New multiplier: ${this.difficultyMultiplier.toFixed(2)}`); this.adjustBanditSpawnRate(); } adjustBanditSpawnRate() { if (this.banditsSpawnTimer) { this.banditsSpawnTimer.remove(); } this.startBanditSpawning(this.getAdjustedSpawnDelay()); } getAdjustedSpawnDelay() { let baseDelay; switch (this.difficulty) { case 'Easy': baseDelay = { min: 2000, max: 4000 }; break; case 'Medium': baseDelay = { min: 1500, max: 3000 }; break; case 'Hard': baseDelay = { min: 1000, max: 2000 }; break; default: baseDelay = { min: 2000, max: 4000 }; } return { min: baseDelay.min / this.difficultyMultiplier, max: baseDelay.max / this.difficultyMultiplier }; } spawnPowerUp(x, y) { const powerUp = this.add.circle(x, y, 15, 0x0000ff); this.tweens.add({ targets: powerUp, scale: 1.2, duration: 500, yoyo: true, repeat: -1 }); // Automatically collect the power-up after a short delay this.time.delayedCall(1000, () => { this.collectPowerUp(powerUp); }); } collectPowerUp(powerUp) { this.extraHealth = Math.min(this.extraHealth + 5, 5); this.updateHealthBar(); // Create a floating text effect const floatingText = this.add.text(powerUp.x, powerUp.y, '+5 Health', { fontSize: '24px', fill: '#00ff00' }); floatingText.setOrigin(0.5); this.tweens.add({ targets: floatingText, y: floatingText.y - 50, alpha: 0, duration: 1000, onComplete: () => floatingText.destroy() }); // Destroy the power-up with a shrinking effect this.tweens.add({ targets: powerUp, scale: 0, duration: 300, onComplete: () => powerUp.destroy() }); } } const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 800, height: 600, scene: Example }; window.phaserGame = new Phaser.Game(config);