class Example extends Phaser.Scene { constructor() { super(); this.bulletPool = null; this.gameInProgress = false; this.canFireHarpoon = false; // New property to control harpoon firing this.score = 0; this.level = 1; this.gameMode = 'arcade'; // Default game mode this.maxHarpoons = { easy: 200, hard: 50, arcade: 20 }; this.numberOfHarpoons = this.maxHarpoons[this.gameMode]; this.bulletFired = false; this.centerBulletFired = false; this.titleText = null; this.bgmTracks = ['bgm', 'bgm2', 'bgm3', 'bgm4']; this.currentBgm = null; this.startText = null; this.scoreText = null; this.levelText = null; this.musicPaused = false; this.harpoonsText = null; this.sharkGroup = null; this.sharkAttackGroup = null; this.scubaDiverGroup = null; this.sunkenTreasureGroup = null; this.maxSharks = 1; this.numberGamesThisSession = 0; this.scubaDiverSpawnTimer = 0; this.scubaDiverSpawnInterval = 5000; this.sunkenTreasureSpawnTimer = 0; this.sunkenTreasureSpawnInterval = 4000; this.maxSunkenTreasures = 3; this.gameTimer = null; this.gameTimerValue = 90; this.gameTimerEvent = null; this.pipeSymbolText = null; this.lifetimeGamesPlayed = 0; this.lifetimeGamesPlayedText = null; this.highScores = { easy: 0, hard: 0, arcade: 0 }; this.highScoreText = null; this.sharkAttackTimer = 0; this.sharkAttackInterval = 15000; this.redOverlay = null; this.oceanHunterText = null; this.oceanHunterTween = null; this.gameOverText = null; this.sharkAttackFlipTimer = 0; this.pgmLogo = null; this.splashShark = null; this.logoClickCount = 0; this.logoClickCountText = null; this.logoClickLevelText = null; this.previousLogoClickLevel = "Minnow"; this.logoClickLevels = [{ count: 1, title: "Minnow" }, { count: 100, title: "Sardine" }, { count: 1000, title: "Mackeral" }, { count: 2500, title: "Salmon" }, { count: 5000, title: "Tuna" }, { count: 10000, title: "Stingray" }, { count: 25000, title: "Clownfish" }, { count: 50000, title: "Dogfish" }, { count: 100000, title: "Marlin" }, { count: 250000, title: "Whitetip" }, { count: 500000, title: "Blacktip" }, { count: 1000000, title: "Tiger" }, { count: 2500000, title: "Thresher" }, { count: 5000000, title: "Hammerhead" }, { count: 10000000, title: "Whale" }, { count: 25000000, title: "Great White" }]; } preload() { this.load.image('ocean_splash', 'https://play.rosebud.ai/assets/light blue ocean underwater background.png?1wDk'); this.load.image('harpoon_gun', 'https://play.rosebud.ai/assets/harpoon_gun120px.png?cD4L'); this.load.image('shark', 'https://play.rosebud.ai/assets/shark_120px_faceright.png?N4eM'); this.load.image('sharkattack', 'https://play.rosebud.ai/assets/shark_comingatyou80px.png?8uOH'); this.load.image('bullet', 'https://play.rosebud.ai/assets/harpoon_20px.png?8cXF'); this.load.image('scuba_diver', 'https://play.rosebud.ai/assets/scubadiver_big_facefront_80px.png?cgjr'); this.load.image('sunkentreasure', 'https://play.rosebud.ai/assets/sunkentreasure_big100px.png?6NVv'); this.load.image('pgmlogo', 'https://play.rosebud.ai/assets/pgm_logo.PNG?qmxw'); this.load.image('eviltr', 'https://play.rosebud.ai/assets/evilfishmonger_todd.png?vImi'); this.load.audio('bgm', 'https://play.rosebud.ai/assets/Ballad of the Hungry Shark.mp3?44VK'); this.load.audio('bgm2', 'https://play.rosebud.ai/assets/Jaws Pinball Blues128k_compressed.mp3?s0at'); this.load.audio('bgm3', 'https://play.rosebud.ai/assets/Jaws Pinball Fever128k_compressed.mp3?tLUg'); this.load.audio('bgm4', 'https://play.rosebud.ai/assets/Pinball Battle with the Beast_128kcompressed.mp3?8xlI'); } create() { // let's rock and roll! this.add.image(400, 300, 'ocean_splash'); // Create game mode text elements (they will be hidden by default) //this.createGameModeText('Arcade', 300, 400); //this.createGameModeText('Hard', 400, 400); //this.createGameModeText('Easy', 500, 400); // Load high scores from localStorage Object.keys(this.highScores).forEach(mode => { const storedScore = localStorage.getItem(`highScore_${mode}`); if (storedScore) { this.highScores[mode] = parseInt(storedScore, 10); } }); // Create object pool for bullets this.bulletPool = this.physics.add.group({ classType: Phaser.Physics.Arcade.Image, defaultKey: 'bullet', maxSize: 20, runChildUpdate: false }); this.harpoonGun = this.add.image(400, 570, 'harpoon_gun'); this.harpoonGun.visible = false; // Start playing a random BGM track this.playRandomBgm(); this.keyS = this.input.keyboard.addKey('S'); this.keyLeft = this.input.keyboard.addKey('LEFT'); this.keyRight = this.input.keyboard.addKey('RIGHT'); this.keyUp = this.input.keyboard.addKey('UP'); this.key1 = this.input.keyboard.addKey('ONE'); this.key2 = this.input.keyboard.addKey('TWO'); this.key3 = this.input.keyboard.addKey('THREE'); this.key4 = this.input.keyboard.addKey('FOUR'); this.key0 = this.input.keyboard.addKey('ZERO'); this.keyMinus = this.input.keyboard.addKey('MINUS'); this.deleteWarningShown = false; this.bullets = this.physics.add.group(); // Add touch controls this.input.on('pointerdown', (pointer) => { if (this.gameInProgress && this.numberOfHarpoons > 0) { const screenWidth = this.cameras.main.width; if (pointer.x < screenWidth / 3) { this.fireHarpoon('left'); } else if (pointer.x > (screenWidth * 2) / 3) { this.fireHarpoon('right'); } else { this.fireHarpoon('center'); } } }); this.sharkGroup = this.physics.add.group(); this.sharkAttackGroup = this.physics.add.group(); this.scubaDiverGroup = this.physics.add.group(); this.sunkenTreasureGroup = this.physics.add.group(); this.scoreText = this.add.text(10, 10, 'Score: ' + this.score.toLocaleString(), { font: 'bold 24px Arial', fill: '#ff0000', stroke: '#000000', strokeThickness: 2 }); this.levelText = this.add.text(350, 10, 'Level: ' + this.level, { font: 'bold 24px Arial', fill: '#ff0000', stroke: '#000000', strokeThickness: 2 }); this.harpoonsText = this.add.text(710, 10, 'Harpoons: ' + this.numberOfHarpoons, { font: 'bold 24px Arial', fill: '#ff0000', stroke: '#000000', strokeThickness: 2 }); this.harpoonsText.setOrigin(1, 0); this.pipeSymbolText = this.add.text(400, 590, this.generatePipeSymbols(this.gameTimerValue), { font: 'bold 24px Arial', stroke: '#000000', strokeThickness: 2 }); this.pipeSymbolText.setOrigin(0.5, 1); this.physics.add.overlap(this.bullets, this.sharkGroup, this.hitShark, null, this); this.physics.add.overlap(this.bullets, this.sharkAttackGroup, this.hitSharkAttack, null, this); this.physics.add.overlap(this.bullets, this.scubaDiverGroup, this.hitScubaDiver, null, this); this.physics.add.overlap(this.bullets, this.sunkenTreasureGroup, this.hitSunkenTreasure, null, this); const storedLifetimeGamesPlayed = localStorage.getItem('lifetimeGamesPlayed'); if (storedLifetimeGamesPlayed) { this.lifetimeGamesPlayed = parseInt(storedLifetimeGamesPlayed, 10); } // Load logo click count from localStorage const storedLogoClickCount = localStorage.getItem('logoClickCount'); if (storedLogoClickCount) { this.logoClickCount = parseInt(storedLogoClickCount, 10); } // Create red overlay this.redOverlay = this.add.rectangle(0, 0, this.cameras.main.width, this.cameras.main.height, 0xff0000); this.redOverlay.setOrigin(0, 0); this.redOverlay.setAlpha(0); // Create GAME OVER text this.gameOverText = this.add.text(400, 300, 'GAME OVER!', { font: 'bold 72px Arial', fill: '#ffffff', stroke: '#ff0000', strokeThickness: 6 }); this.gameOverText.setOrigin(0.5); this.gameOverText.visible = false; // Create logo click count text this.logoClickCountText = this.add.text(10, 570, ' ' + this.logoClickCount, { font: 'bold 12px Arial', fill: '#ffffff', stroke: '#ff0000', strokeThickness: 2 }); this.logoClickCountText.setOrigin(0, 1); // Create logo click level text this.logoClickLevelText = this.add.text(10, 585, '', { font: 'bold 12px Arial', fill: '#ffffff', stroke: '#ff0000', strokeThickness: 2 }); this.logoClickLevelText.setOrigin(0, 1); // Create particle emitter for red explosion this.particleEmitter = this.add.particles('bullet').createEmitter({ speed: { min: -800, max: 800 }, angle: { min: 0, max: 360 }, scale: { start: 0.5, end: 0 }, blendMode: 'ADD', lifespan: 1000, gravityY: 800, quantity: 0 }); // Call SplashScreen to create and set up initial elements this.SplashScreen(); } createPGMLogoWithShark() { if (this.pgmLogo) { this.pgmLogo.destroy(); } if (this.splashShark) { this.splashShark.destroy(); } const startFromLeft = Math.random() < 0.5; const startX = startFromLeft ? -100 : 900; const startY = Phaser.Math.Between(50, 550); const endX = startFromLeft ? 900 : -200; this.pgmLogo = this.add.image(startX, startY, 'pgmlogo'); this.pgmLogo.setScale(0.5); this.pgmLogo.setDepth(98); this.pgmLogo.setInteractive(); // Make the logo interactive // Add click event to the logo this.pgmLogo.on('pointerdown', (pointer, localX, localY, event) => { if (!this.gameInProgress) { this.logoClickCount++; localStorage.setItem('logoClickCount', this.logoClickCount); this.logoClickCountText.setText(' ' + this.logoClickCount); this.updateLogoClickLevel(); } event.stopPropagation(); // Prevent the click from triggering the game start }); // Position shark slightly behind the logo const sharkOffset = startFromLeft ? -130 : 30; this.splashShark = this.add.image(startX - sharkOffset, startY, 'shark'); this.splashShark.setScale(0.8); this.splashShark.flipX = !startFromLeft; this.splashShark.setDepth(99); const duration = 15000; const ease = 'Linear'; this.tweens.add({ targets: [this.pgmLogo, this.splashShark], x: endX, duration: duration, ease: ease, onComplete: () => { if (!this.gameInProgress) { this.createPGMLogoWithShark(); } } }); } updateLogoClickLevel() { let currentLevel = "Minnow"; for (let i = this.logoClickLevels.length - 1; i >= 0; i--) { if (this.logoClickCount >= this.logoClickLevels[i].count) { currentLevel = this.logoClickLevels[i].title; break; } } this.logoClickLevelText.setText(currentLevel); // Check if a new level is reached if (currentLevel !== this.previousLogoClickLevel) { this.newLevelReached(currentLevel); this.previousLogoClickLevel = currentLevel; } } newLevelReached(newLevel) { // Create red particle explosion this.particleEmitter.setPosition(this.pgmLogo.x, this.pgmLogo.y); this.particleEmitter.explode(100); // Create text animation for new level const newLevelText = this.add.text(400, 300, `New Level: ${newLevel}!`, { font: 'bold 48px Arial', fill: '#ff0000', stroke: '#ffffff', strokeThickness: 4 }); newLevelText.setOrigin(0.5); newLevelText.setDepth(200); this.tweens.add({ targets: newLevelText, scale: 10, alpha: 0, duration: 2000, ease: 'Power2', onComplete: () => { newLevelText.destroy(); } }); // Destroy and respawn PGM logo and shark if (this.pgmLogo) { this.pgmLogo.destroy(); } if (this.splashShark) { this.splashShark.destroy(); } this.createPGMLogoWithShark(); } update(time, delta) { // Limit the number of active game objects const maxActiveObjects = 100; if (this.children.list.length > maxActiveObjects) { console.warn('Too many active objects:', this.children.list.length); } // If entering high score, skip all game-specific input processing and updates if (this.isEnteringHighScore) { return; } // Handle '-' key press on splash screen if (!this.gameInProgress && Phaser.Input.Keyboard.JustDown(this.keyMinus)) { if (!this.deleteWarningShown) { this.showDeleteWarning(); } else { this.deleteHighScores(); } } // All game-specific input handling and updates go here if (Phaser.Input.Keyboard.JustDown(this.keyS)) { if (!this.gameInProgress) { this.startNewGame(); } } // Music controls if (Phaser.Input.Keyboard.JustDown(this.key1)) { this.playSpecificBgm(0); } if (Phaser.Input.Keyboard.JustDown(this.key2)) { this.playSpecificBgm(1); } if (Phaser.Input.Keyboard.JustDown(this.key3)) { this.playSpecificBgm(2); } if (Phaser.Input.Keyboard.JustDown(this.key4)) { this.playSpecificBgm(3); } if (Phaser.Input.Keyboard.JustDown(this.key0)) { this.toggleMusicPause(); } // Check if the game should end if (this.gameInProgress && (this.numberOfHarpoons === 0 && this.bullets.countActive(true) === 0)) { this.gameOver(); return; // Exit the update function early to prevent further game logic } // Handle keyboard controls for firing harpoons if (this.numberOfHarpoons > 0) { if (Phaser.Input.Keyboard.JustDown(this.keyLeft) && !this.keyRight.isDown) { this.fireHarpoon('left'); } else if (Phaser.Input.Keyboard.JustDown(this.keyRight) && !this.keyLeft.isDown) { this.fireHarpoon('right'); } else if (Phaser.Input.Keyboard.JustDown(this.keyUp) || (this.keyLeft.isDown && this.keyRight.isDown)) { this.fireHarpoon('center'); } } this.bullets.children.each(function(bullet) { if (bullet.y < 0 || bullet.y > this.cameras.main.height || bullet.x < 0 || bullet.x > this.cameras.main.width) { bullet.destroy(); } }, this); if (this.gameInProgress && this.sharkGroup.countActive(true) < this.maxSharks && Math.random() < 0.01) { this.spawnShark(); } this.scubaDiverSpawnTimer += delta; if (this.gameInProgress && this.scubaDiverGroup.countActive(true) === 0 && this.scubaDiverSpawnTimer >= this.scubaDiverSpawnInterval) { this.spawnScubaDiver(); this.scubaDiverSpawnTimer = 0; } this.sunkenTreasureSpawnTimer += delta; if (this.gameInProgress && this.numberOfHarpoons < 10 && this.sunkenTreasureGroup.countActive(true) < this.maxSunkenTreasures && this.sunkenTreasureSpawnTimer >= this.sunkenTreasureSpawnInterval) { this.spawnSunkenTreasure(); this.sunkenTreasureSpawnTimer = 0; } this.sharkAttackTimer += delta; if (this.gameInProgress && this.sharkAttackTimer >= this.sharkAttackInterval) { this.spawnSharkAttack(); this.sharkAttackTimer = 0; } // Update shark movement with vertical drift this.sharkGroup.children.iterate((shark) => { if (shark && shark.active) { shark.x += shark.body.velocity.x; // Add vertical drift shark.y += Math.sin(time / 500) * 2; // Adjust the 500 and 2 values to change the frequency and amplitude of the drift // Ensure shark stays within bounds const minY = this.scoreText.y + this.scoreText.height; const maxY = this.cameras.main.height / 2; shark.y = Phaser.Math.Clamp(shark.y, minY, maxY); if (shark.x < 0 || shark.x > this.cameras.main.width) { const shouldBounce = Math.random() < 0.5; if (shouldBounce) { shark.body.velocity.x *= -1; shark.flipX = !shark.flipX; } else { if (shark.x < 0) { shark.x = this.cameras.main.width; } else { shark.x = 0; } } } } }, this); this.scubaDiverGroup.children.iterate((scubaDiver) => { scubaDiver.x += scubaDiver.body.velocity.x * (delta / 1000); if (scubaDiver.x < 0 || scubaDiver.x > this.cameras.main.width) { scubaDiver.destroy(); } }, this); this.sunkenTreasureGroup.children.iterate((sunkenTreasure) => { sunkenTreasure.x += sunkenTreasure.body.velocity.x * (delta / 1000); if (sunkenTreasure.x < 0 || sunkenTreasure.x > this.cameras.main.width) { sunkenTreasure.destroy(); } }, this); if (this.gameInProgress) { this.sharkAttackFlipTimer += delta; this.sharkAttackGroup.children.iterate((sharkAttack) => { if (sharkAttack && sharkAttack.active) { sharkAttack.y += sharkAttack.body.velocity.y * (delta / 1000); sharkAttack.x += sharkAttack.body.velocity.x * (delta / 1000); // More dramatic scaling const scaleFactor = 1 + Math.pow(sharkAttack.y / this.cameras.main.height, 2) * 5; sharkAttack.setScale(scaleFactor); // Flip shark attack image every second if (this.sharkAttackFlipTimer >= 1000) { sharkAttack.flipX = !sharkAttack.flipX; this.sharkAttackFlipTimer = 0; } if (sharkAttack.y > this.cameras.main.height) { sharkAttack.destroy(); if (this.gameInProgress) { this.gameOver(); } return; // Exit the iteration early } } }, this); } const scoreThreshold = this.getScoreThreshold(this.level); if (this.score >= scoreThreshold && this.gameInProgress) { this.advanceToNextLevel(); } if (this.gameInProgress && this.gameTimerEvent) { this.gameTimerValue -= delta / 1000; this.updatePipeSymbolColor(); this.pipeSymbolText.setText(this.generatePipeSymbols(Math.ceil(this.gameTimerValue))); if (this.gameTimerValue <= 0) { this.gameOver(); } } // Add this new section to handle bullet destruction this.bulletPool.children.entries.forEach((bullet) => { if (bullet.active) { if (bullet.y < 0 || bullet.y > this.cameras.main.height || bullet.x < 0 || bullet.x > this.cameras.main.width) { bullet.setActive(false); bullet.setVisible(false); this.bulletPool.killAndHide(bullet); } } }); } getScoreThreshold(level) { if (level === 1) return 6000; if (level === 2) return 13000; if (level === 3) return 21000; if (level === 4) return 30000; if (level === 5) return 40000; if (level === 6) return 51000; return (level + 2) * 6000 + (level * 1000); } startNewGame() { if (this.isEnteringHighScore) return; // Don't start a new game if entering high score // Hide all splash screen elements this.hideAllSplashElements(); // Explicitly hide game mode text this.hideGameModeText(); // Hide other splash screen elements that might be visible if (this.titleText) this.titleText.visible = false; if (this.startText) this.startText.visible = false; if (this.highScoreText) this.highScoreText.visible = false; if (this.lifetimeGamesPlayedText) this.lifetimeGamesPlayedText.visible = false; if (this.oceanHunterText) { this.oceanHunterText.visible = false; if (this.oceanHunterTween) this.oceanHunterTween.stop(); } this.gameInProgress = true; this.score = 0; this.level = 1; this.numberOfHarpoons = this.maxHarpoons[this.gameMode]; // Reset all timers this.scubaDiverSpawnTimer = 0; this.sunkenTreasureSpawnTimer = 0; this.sharkAttackTimer = 0; this.sharkAttackFlipTimer = 0; this.numberGamesThisSession++; this.lifetimeGamesPlayed++; localStorage.setItem('lifetimeGamesPlayed', this.lifetimeGamesPlayed); // Show game elements this.harpoonGun.visible = true; this.scoreText.visible = true; this.levelText.visible = true; this.harpoonsText.visible = true; this.pipeSymbolText.visible = true; // Hide game mode options this.hideGameModeText(); // Reset and start the game timer this.gameTimerValue = 90; this.updatePipeSymbolColor(); this.pipeSymbolText.setText(this.generatePipeSymbols(this.gameTimerValue)); // Create and start the game timer event this.gameTimerEvent = this.time.addEvent({ delay: 1000, callback: this.updateGameTimer, callbackScope: this, loop: true }); // Clear existing game objects this.bullets.clear(true, true); this.sharkGroup.clear(true, true); this.canFireHarpoon = false; // Set to false when starting a new game // Add a delay before allowing harpoon firing this.time.delayedCall(1000, () => { this.canFireHarpoon = true; }); this.sharkAttackGroup.clear(true, true); this.scubaDiverGroup.clear(true, true); this.sunkenTreasureGroup.clear(true, true); // Update text displays this.scoreText.setText('Score: 0'); this.levelText.setText('Level: 1'); this.harpoonsText.setText('Harpoons: ' + this.numberOfHarpoons); } hideGameModeText() { ['Arcade', 'Hard', 'Easy'].forEach(mode => { const modeText = this.children.getByName(`${mode}ModeText`); if (modeText) { modeText.visible = false; modeText.disableInteractive(); // Disable interaction when hidden } }); } hideSplashScreenElements() { const elementsToHide = [ this.oceanHunterText, this.titleText, this.startText, this.highScoreText, this.lifetimeGamesPlayedText, this.logoClickCountText, this.logoClickLevelText, this.versionText ]; elementsToHide.forEach(element => { if (element) element.visible = false; }); if (this.oceanHunterTween) this.oceanHunterTween.stop(); // Hide game mode selection text this.hideGameModeText(); // Stop and hide PGM logo and shark if (this.pgmLogo) { this.tweens.killTweensOf(this.pgmLogo); this.pgmLogo.visible = false; } if (this.splashShark) { this.tweens.killTweensOf(this.splashShark); this.splashShark.visible = false; } } // Remove this duplicate function (lines 718-726) hideAllSplashElements() { const elementsToHide = [ this.oceanHunterText, this.titleText, this.startText, this.highScoreText, this.lifetimeGamesPlayedText, this.logoClickCountText, this.logoClickLevelText, this.versionText ]; elementsToHide.forEach(element => { if (element) element.visible = false; }); if (this.oceanHunterTween) this.oceanHunterTween.stop(); // Hide game mode selection text ['Arcade', 'Hard', 'Easy'].forEach(mode => { const modeText = this.children.getByName(`${mode}ModeText`); if (modeText) modeText.visible = false; }); // Stop and hide PGM logo and shark if (this.pgmLogo) { this.tweens.killTweensOf(this.pgmLogo); this.pgmLogo.visible = false; } if (this.splashShark) { this.tweens.killTweensOf(this.splashShark); this.splashShark.visible = false; } } showGameModeText() { ['Arcade', 'Hard', 'Easy'].forEach((mode, index) => { const x = 300 + index * 100; const modeText = this.children.getByName(`${mode}ModeText`); if (modeText) { modeText.visible = true; modeText.setPosition(x, 400); } else { this.createGameModeText(mode, x, 400); } }); } gameOver() { if (!this.gameInProgress) return; // Prevent multiple calls to gameOver this.gameInProgress = false; this.bullets.clear(true, true); // Clear all bullets this.numberOfHarpoons = 0; // Set harpoons to 0 when game is over this.harpoonsText.setText('Harpoons: ' + this.numberOfHarpoons); this.harpoonGun.visible = false; this.sharkGroup.clear(true, true); this.sharkAttackGroup.clear(true, true); this.scubaDiverGroup.clear(true, true); this.sunkenTreasureGroup.clear(true, true); // Stop the game timer if (this.gameTimerEvent) { this.gameTimerEvent.remove(); this.gameTimerEvent = null; } this.gameTimerValue = 0; this.pipeSymbolText.setText(''); this.scubaDiverSpawnTimer = 0; this.sunkenTreasureSpawnTimer = 0; this.sharkAttackTimer = 0; this.sharkAttackFlipTimer = 0; if (this.score > this.highScores[this.gameMode]) { this.highScores[this.gameMode] = this.score; localStorage.setItem(`highScore_${this.gameMode}`, this.score); this.promptHighScoreName(); } else { this.showGameOverScreen(); } } SplashScreen() { if (!this.titleText) { this.titleText = this.add.text(400, 200, 'Game Over', { font: '48px Arial', fill: '#ff0000', stroke: '#ffffff', strokeThickness: 2 }); this.titleText.setOrigin(0.5); } else { this.titleText.visible = true; } this.titleText.setDepth(101); // Create or update high score text if (!this.highScoreText) { this.highScoreText = this.add.text(400, 470, '', { font: 'bold 20px Arial', fill: '#ffffff', stroke: '#ff0000', strokeThickness: 2, align: 'center' }); this.highScoreText.setOrigin(0.5); } this.highScoreText.visible = true; this.highScoreText.setDepth(101); // Show game mode selection text this.showGameModeText(); // Update high score text with names const easyName = localStorage.getItem('highScoreName_easy') || ''; const hardName = localStorage.getItem('highScoreName_hard') || ''; const arcadeName = localStorage.getItem('highScoreName_arcade') || ''; this.highScoreText.setText( `High Scores:\nEasy: ${this.highScores.easy.toLocaleString()} (${easyName})\n` + `Hard: ${this.highScores.hard.toLocaleString()} (${hardName})\n` + `Arcade: ${this.highScores.arcade.toLocaleString()} (${arcadeName})` ); if (!this.startText) { this.startText = this.add.text(400, 300, ' Gonna Need A Bigger Boat\nPress (A)rcade (H)ard (E)asy to start\nArrow Keys or Touch Shoot Harpoon', { font: 'bold 26px Arial', fill: '#ff0000', stroke: '#ffffff', strokeThickness: 1 }); this.startText.setOrigin(0.5); } else { this.startText.visible = true; } this.startText.setDepth(101); // Show game mode options this.showGameModeText(); // Add key listeners for game modes this.input.keyboard.on('keydown-A', () => this.setGameModeAndStart('arcade')); this.input.keyboard.on('keydown-H', () => this.setGameModeAndStart('hard')); this.input.keyboard.on('keydown-E', () => this.setGameModeAndStart('easy')); // Create PGM logo if it doesn't exist if (!this.pgmLogo) { this.createPGMLogoWithShark(); } // Make sure the PGM logo doesn't trigger the game start if (this.pgmLogo) { this.pgmLogo.setInteractive().on('pointerdown', (pointer, localX, localY, event) => { event.stopPropagation(); }); } if (!this.lifetimeGamesPlayedText) { this.lifetimeGamesPlayedText = this.add.text(400, 570, `Lifetime Games Played: ${this.lifetimeGamesPlayed}`, { font: 'bold 24px Arial', fill: '#ff0000', stroke: '#ffffff', strokeThickness: 2 }); this.lifetimeGamesPlayedText.setOrigin(0.5, 1); } else { this.lifetimeGamesPlayedText.setText(`Lifetime Games Played: ${this.lifetimeGamesPlayed}`); this.lifetimeGamesPlayedText.visible = true; } this.lifetimeGamesPlayedText.setDepth(101); // Add or update the "Ocean Hunter" text animation if (!this.oceanHunterText) { this.oceanHunterText = this.add.text(400, 150, 'PGM Sea Hunter', { font: 'bold 64px Arial', fill: '#ffffff', stroke: '#ff0000', strokeThickness: 4 }); this.oceanHunterText.setOrigin(0.5); } else { this.oceanHunterText.visible = true; this.oceanHunterText.setScale(1); // Reset scale } this.oceanHunterText.setDepth(101); // Always create a new tween for the "Ocean Hunter" text if (this.oceanHunterTween) { this.oceanHunterTween.stop(); } this.oceanHunterTween = this.tweens.add({ targets: this.oceanHunterText, scaleX: 1.9, scaleY: 1.9, duration: 2500, yoyo: true, repeat: -1, ease: 'Sine.easeInOut' }); // Create and animate PGM logo with chasing shark this.createPGMLogoWithShark(); // Show logo click count text and level this.logoClickCountText.visible = true; this.logoClickCountText.setText(' ' + this.logoClickCount); this.logoClickLevelText.visible = true; this.updateLogoClickLevel(); // Add version number text if (!this.versionText) { this.versionText = this.add.text(790, 590, 'v0.94.2', { font: 'bold 12px Arial', fill: '#000000', strokeThickness: 0 }); this.versionText.setOrigin(1, 1); } else { this.versionText.visible = true; this.versionText.setStyle({ fill: '#000000', strokeThickness: 0 }); } this.versionText.setDepth(101); } promptHighScoreName() { this.isEnteringHighScore = true; // Flag to indicate high score entry mode const nameInputBox = document.createElement('input'); nameInputBox.type = 'text'; nameInputBox.maxLength = 15; nameInputBox.style.position = 'absolute'; nameInputBox.style.left = '50%'; nameInputBox.style.top = '50%'; nameInputBox.style.transform = 'translate(-50%, -50%)'; nameInputBox.style.fontSize = '24px'; nameInputBox.style.padding = '10px'; nameInputBox.style.width = '200px'; nameInputBox.style.textAlign = 'center'; nameInputBox.style.zIndex = '1000'; // Ensure it's above the game canvas // Disable game input temporarily this.input.keyboard.enabled = false; this.input.keyboard.manager.enabled = false; const submitButton = document.createElement('button'); submitButton.textContent = 'Submit'; submitButton.style.position = 'absolute'; submitButton.style.left = '50%'; submitButton.style.top = 'calc(50% + 50px)'; submitButton.style.transform = 'translateX(-50%)'; submitButton.style.fontSize = '20px'; submitButton.style.padding = '10px 20px'; const promptText = this.add.text(400, 250, 'New High Score! Enter your name:', { font: 'bold 32px Arial', fill: '#ffffff', stroke: '#000000', strokeThickness: 6 }); promptText.setOrigin(0.5); document.body.appendChild(nameInputBox); document.body.appendChild(submitButton); // Create eviltr animation const evilTr = this.createEvilTrAnimation(); // Focus on the input box nameInputBox.focus(); const submitHighScore = () => { const name = nameInputBox.value.trim() || 'Anonymous'; localStorage.setItem(`highScoreName_${this.gameMode}`, name); document.body.removeChild(nameInputBox); document.body.removeChild(submitButton); promptText.destroy(); this.isEnteringHighScore = false; // Re-enable game input this.input.keyboard.enabled = true; this.input.keyboard.manager.enabled = true; this.showGameOverScreen(); }; submitButton.onclick = submitHighScore; // Handle Enter key press for submission nameInputBox.addEventListener('keydown', (e) => { if (e.key === 'Enter') { submitHighScore(); } }); submitButton.onclick = () => { const name = nameInputBox.value.trim() || 'Anonymous'; localStorage.setItem(`highScoreName_${this.gameMode}`, name); document.body.removeChild(nameInputBox); document.body.removeChild(submitButton); promptText.destroy(); evilTr.destroy(); // Destroy the eviltr animation this.isEnteringHighScore = false; // Reset the flag this.showGameOverScreen(); }; // Handle Enter key press nameInputBox.addEventListener('keydown', (e) => { if (e.key === 'Enter') { submitButton.click(); } }); } showGameOverScreen() { // Show GAME OVER text this.gameOverText.visible = true; // Turn the scene red this.tweens.add({ targets: this.redOverlay, alpha: 0.5, duration: 100, yoyo: true, repeat: 9, onComplete: () => { this.redOverlay.setAlpha(0); this.gameOverText.visible = false; this.SplashScreen(); } }); // Shake the camera this.cameras.main.shake(2000, 0.05); } spawnShark() { const sharkX = Math.random() < 0.5 ? 0 : this.cameras.main.width; const minSharkY = this.scoreText.y + this.scoreText.height; const maxSharkY = this.cameras.main.height / 2; const sharkY = Phaser.Math.Between(minSharkY, maxSharkY); const shark = this.sharkGroup.create(sharkX, sharkY, 'shark'); shark.setGravityY(0); shark.setVelocityY(0); const sharkVelocity = Phaser.Math.Between(1 * this.level, 1.5 * this.level) * (Math.random() < 0.5 ? 1 : -1); shark.setVelocityX(sharkVelocity); shark.flipX = sharkVelocity < 0; shark.setImmovable(true); shark.body.allowGravity = false; } spawnSharkAttack() { const spawnPosition = Phaser.Math.Between(0, 2); let sharkAttackX; let velocityX = 0; let velocityY = 10; if (spawnPosition === 0) { sharkAttackX = 100; velocityX = 5; } else if (spawnPosition === 1) { sharkAttackX = 400; } else { sharkAttackX = 700; velocityX = -5; } const sharkAttack = this.sharkAttackGroup.create(sharkAttackX, 0, 'sharkattack'); sharkAttack.setGravityY(0); sharkAttack.setVelocity(velocityX, velocityY); sharkAttack.setImmovable(true); sharkAttack.body.allowGravity = false; } spawnScubaDiver() { const scubaDiverX = Math.random() < 0.5 ? 0 : this.cameras.main.width; const scubaDiverY = Phaser.Math.Between(this.cameras.main.height / 4, this.cameras.main.height / 2); const scubaDiver = this.scubaDiverGroup.create(scubaDiverX, scubaDiverY, 'scuba_diver'); scubaDiver.setGravityY(0); const scubaDiverVelocity = Phaser.Math.Between(5 * this.level, 6 * this.level) * (Math.random() < 0.5 ? 1 : -1); scubaDiver.setVelocityX(scubaDiverVelocity); scubaDiver.setVelocityY(0); scubaDiver.flipX = scubaDiverVelocity < 0; scubaDiver.setImmovable(true); scubaDiver.body.allowGravity = false; } spawnSunkenTreasure() { const sunkenTreasureX = Math.random() < 0.5 ? 0 : this.cameras.main.width; const sunkenTreasureY = Phaser.Math.Between(0, this.cameras.main.height / 3); const sunkenTreasure = this.sunkenTreasureGroup.create(sunkenTreasureX, sunkenTreasureY, 'sunkentreasure'); sunkenTreasure.setGravityY(0); const sunkenTreasureVelocity = Phaser.Math.Between(4 * this.level, 5 * this.level) * (Math.random() < 0.5 ? 1 : -1); sunkenTreasure.setVelocityX(sunkenTreasureVelocity); sunkenTreasure.setVelocityY(0); sunkenTreasure.flipX = sunkenTreasureVelocity < 0; sunkenTreasure.setImmovable(true); sunkenTreasure.body.allowGravity = false; } hitShark(bullet, shark) { bullet.destroy(); shark.destroy(); const scoreValues = [250, 350, 500, 750]; const randomScore = Phaser.Utils.Array.GetRandom(scoreValues); this.score += randomScore; this.scoreText.setText('Score: ' + this.score.toLocaleString()); const scoreText = this.add.text(shark.x, shark.y, '+' + randomScore, { font: 'bold 24px Arial', fill: '#008000' }); scoreText.setOrigin(0.5); this.tweens.add({ targets: scoreText, scale: 2, alpha: 0, y: scoreText.y - 50, duration: 1000, onComplete: () => { scoreText.destroy(); } }); this.spawnShark(); } hitSharkAttack(bullet, sharkAttack) { bullet.destroy(); sharkAttack.destroy(); const scoreValues = [500, 1000, 2000]; const randomScore = Phaser.Utils.Array.GetRandom(scoreValues); this.score += randomScore; this.scoreText.setText('Score: ' + this.score.toLocaleString()); const scoreText = this.add.text(sharkAttack.x, sharkAttack.y, '+' + randomScore, { font: 'bold 24px Arial', fill: '#008000' }); scoreText.setOrigin(0.5); this.tweens.add({ targets: scoreText, scale: 2, alpha: 0, y: scoreText.y - 50, duration: 1000, onComplete: () => { scoreText.destroy(); } }); } hitScubaDiver(bullet, scubaDiver) { bullet.destroy(); scubaDiver.destroy(); this.numberOfHarpoons = Math.max(0, this.numberOfHarpoons - 1); this.harpoonsText.setText('Harpoons: ' + this.numberOfHarpoons); // Check for game over condition if (this.numberOfHarpoons === 0 && this.bullets.countActive(true) === 0) { this.gameOver(); } const harpoonsText = this.add.text(scubaDiver.x, scubaDiver.y, '-1 harpoon!', { font: 'bold 24px Arial', fill: '#ff0000' }); harpoonsText.setOrigin(0.5); this.tweens.add({ targets: harpoonsText, scale: 8, duration: 2000, ease: 'Linear', onComplete: () => { harpoonsText.destroy(); } }); } hitSunkenTreasure(bullet, sunkenTreasure) { bullet.destroy(); sunkenTreasure.destroy(); this.numberOfHarpoons += 5; this.numberOfHarpoons = Math.min(this.numberOfHarpoons, this.maxHarpoons[this.gameMode]); this.harpoonsText.setText('Harpoons: ' + this.numberOfHarpoons); const harpoonsText = this.add.text(sunkenTreasure.x, sunkenTreasure.y, '+5 harpoons!', { font: 'bold 24px Arial', fill: '#008000' }); harpoonsText.setOrigin(0.5); this.tweens.add({ targets: harpoonsText, scale: 8, duration: 2000, ease: 'Linear', onComplete: () => { harpoonsText.destroy(); } }); } advanceToNextLevel() { this.level++; if (this.level % 3 === 0 && this.maxSharks < 5) { this.maxSharks++; } this.numberOfHarpoons += 10; this.numberOfHarpoons = Math.min(this.numberOfHarpoons, this.maxHarpoons[this.gameMode]); this.levelText.setText('Level: ' + this.level); this.harpoonsText.setText('Harpoons: ' + this.numberOfHarpoons); if (this.gameInProgress) { const newLevelText = this.add.text(400, 300, 'New Level', { font: 'bold 48px Arial', fill: '#ff0000' }); newLevelText.setOrigin(0.5); this.tweens.add({ targets: newLevelText, scale: 5, duration: 1000, ease: 'Linear', onComplete: () => { newLevelText.destroy(); } }); } this.gameTimerValue = Math.max(90 - (this.level - 1) * 5, 15); this.updatePipeSymbolColor(); this.pipeSymbolText.setText(this.generatePipeSymbols(this.gameTimerValue)); } updateGameTimer() { if (this.gameTimerValue > 0) { this.gameTimerValue--; this.updatePipeSymbolColor(); this.pipeSymbolText.setText(this.generatePipeSymbols(this.gameTimerValue)); if (this.gameTimerValue <= 0) { this.gameOver(); } } } generatePipeSymbols(seconds) { let pipesText = ''; for (let i = 0; i < seconds; i++) { pipesText += '|'; } return pipesText; } updatePipeSymbolColor() { let color; if (this.gameTimerValue >= 60) { color = '#008000'; } else if (this.gameTimerValue >= 30) { color = '#ffff00'; } else if (this.gameTimerValue >= 15) { color = '#ffa500'; } else { color = '#ff0000'; } this.pipeSymbolText.setFill(color); } fireHarpoon(direction) { if (this.numberOfHarpoons <= 0 || !this.canFireHarpoon) { return; } let bullet = this.bullets.create(this.harpoonGun.x, this.harpoonGun.y, 'bullet'); bullet.setGravity(0, 0); let bulletSpeed = 800; let dx, dy; switch (direction) { case 'left': dx = -this.harpoonGun.x + 100; dy = -this.harpoonGun.y; break; case 'right': dx = this.cameras.main.width - this.harpoonGun.x - 100; dy = -this.harpoonGun.y; break; case 'center': dx = 0; dy = -this.harpoonGun.y; break; } let norm = Math.sqrt(dx * dx + dy * dy); let velocityX = bulletSpeed * dx / norm; let velocityY = bulletSpeed * dy / norm; bullet.setVelocity(velocityX, velocityY); bullet.setCollideWorldBounds(false); this.numberOfHarpoons--; this.harpoonsText.setText('Harpoons: ' + this.numberOfHarpoons); } playRandomBgm() { if (this.currentBgm) { this.currentBgm.stop(); } const randomTrack = Phaser.Utils.Array.GetRandom(this.bgmTracks); this.currentBgm = this.sound.add(randomTrack); this.currentBgm.play({ loop: false, volume: 0.5 }); this.currentBgm.once('complete', () => { this.playRandomBgm(); }); } playSpecificBgm(index) { if (this.currentBgm) { this.currentBgm.stop(); } if (index >= 0 && index < this.bgmTracks.length) { this.currentBgm = this.sound.add(this.bgmTracks[index]); this.currentBgm.play({ loop: false, volume: 0.5 }); this.currentBgm.once('complete', () => { this.playRandomBgm(); }); } } toggleMusicPause() { if (this.currentBgm) { if (this.musicPaused) { this.currentBgm.resume(); this.musicPaused = false; } else { this.currentBgm.pause(); this.musicPaused = true; } } } createGameModeText(mode, x, y) { const text = this.add.text(x, y, mode, { font: 'bold 24px Arial', fill: '#ffffff', stroke: '#ff0000', strokeThickness: 2 }); text.setOrigin(0.5); text.setInteractive({ useHandCursor: true }); text.on('pointerdown', () => this.setGameModeAndStart(mode.toLowerCase())); text.on('pointerover', () => text.setStyle({ fill: '#ffff00' })); text.on('pointerout', () => text.setStyle({ fill: '#ffffff' })); text.setDepth(102); text.setName(`${mode}ModeText`); // Set a name for the text element } setGameModeAndStart(mode) { this.setGameMode(mode); this.startNewGame(); } createEvilTrAnimation() { const evilTr = this.add.image(400, 600, 'eviltr'); evilTr.setOrigin(0.5, 0.9); // Adjust origin to move bottom slightly offscreen evilTr.setScale(0.5); // Scale the image to 50% of its original size this.tweens.add({ targets: evilTr, x: { from: 200, to: 600, duration: 4000, ease: 'Sine.easeInOut' }, y: { from: 600, to: 620, duration: 2000, ease: 'Sine.easeInOut' }, yoyo: true, repeat: -1 }); return evilTr; } setGameMode(mode) { if (this.maxHarpoons.hasOwnProperty(mode)) { this.gameMode = mode; this.numberOfHarpoons = this.maxHarpoons[mode]; if (this.harpoonsText) { this.harpoonsText.setText('Harpoons: ' + this.numberOfHarpoons); } console.log(`Game mode set to ${mode}`); // Update the high score display if (this.highScoreText) { this.highScoreText.setText( `High Scores:\nEasy: ${this.highScores.easy.toLocaleString()}\n` + `Hard: ${this.highScores.hard.toLocaleString()}\n` + `Arcade: ${this.highScores.arcade.toLocaleString()}` ); } } else { console.error(`Invalid game mode: ${mode}`); } } showGameModeText() { ['Easy', 'Hard', 'Arcade (Expert)'].forEach((mode, index) => { const x = 220 + index * 150; const modeText = this.children.getByName(`${mode}ModeText`); if (modeText) { modeText.visible = true; modeText.setPosition(x, 400); modeText.setInteractive({ useHandCursor: true }); } else { this.createGameModeText(mode, x, 400); } }); } hideGameModeText() { ['Easy', 'Hard', 'Arcade (Expert)'].forEach(mode => { const modeText = this.children.getByName(`${mode}ModeText`); if (modeText) { modeText.visible = false; modeText.disableInteractive(); } }); } showDeleteWarning() { this.deleteWarningShown = true; const warningText = this.add.text(400, 528, 'Warning: Press - again to delete all high scores', { font: 'bold 30px Arial', fill: '#ffff00', stroke: '#000000', strokeThickness: 2, align: 'center' }); warningText.setOrigin(0.5); warningText.setDepth(200); this.time.delayedCall(3000, () => { warningText.destroy(); this.deleteWarningShown = false; }); } deleteHighScores() { Object.keys(this.highScores).forEach(mode => { this.highScores[mode] = 0; localStorage.removeItem(`highScore_${mode}`); localStorage.removeItem(`highScoreName_${mode}`); }); const deletionText = this.add.text(400, 300, 'All high scores have been deleted', { font: 'bold 24px Arial', fill: '#ff0000', stroke: '#ffffff', strokeThickness: 2, align: 'center' }); deletionText.setOrigin(0.5); deletionText.setDepth(200); this.time.delayedCall(3000, () => { deletionText.destroy(); this.SplashScreen(); // Refresh the splash screen to show updated high scores }); } } 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: 200 } } }, scene: Example, audio: { disableWebAudio: false } }; window.phaserGame = new Phaser.Game(config);