class FrogRunner extends Phaser.Scene { constructor() { super(); this.ground1 = null; this.ground2 = null; this.music = null; this.audioPlaying = null; this.audioMuted = null; this.buttonClickSound = null; this.jumpSound1 = null; this.jumpSound2 = null; this.jumpSounds = []; this.jumpSoundIndex = 0; this.afterImages = null; this.afterImageUpdateCounter = 0; this.player = null; this.afterImagesArray = []; this.acorns = null; this.lossSound = null; this.isGameOver = false; this.gameOverText = null; this.restartButton = null; this.level = 1; this.acornsJumped = 0; this.levelText = null; this.acornsJumpedText = null; this.levelThresholds = [0, 5, 15, 25, 40]; this.currentPowerUp = null; this.powerUpDuration = 7000; this.powerUpTimer = null; this.score = 0; this.scoreText = null; this.difficultyTimer = null; this.combo = 0; this.comboText = null; this.powerUpText = null; this.speedBoost = false; this.bgFar = null; this.bgNear = null; this.dayCycleTimer = 0; this.isNight = false; this.achievements = { firstJump: false, tenAcorns: false, fiftyAcorns: false }; this.uiContainer = null; this.highScore = 0; this.highScoreText = null; this.coins = 0; this.coinsText = null; this.shopButton = null; this.shopMenu = null; this.powerUps = { doubleJump: { owned: false, price: 50, duration: 10000 }, invincibility: { owned: false, price: 100, duration: 5000 }, speedBoost: { owned: false, price: 75, duration: 7000 }, magneticCoins: { owned: false, price: 80, duration: 8000 }, slowMotion: { owned: false, price: 90, duration: 6000 }, scoreMultiplier: { owned: false, price: 120, duration: 5000 } }; this.scoreMultiplier = 1; this.magneticRange = 100; this.skins = { default: { owned: true, price: 0, tint: 0xFFFFFF }, red: { owned: false, price: 100, tint: 0xFF0000 }, blue: { owned: false, price: 200, tint: 0x0000FF }, gold: { owned: false, price: 300, tint: 0xFFD700 } }; this.currentSkin = 'default'; this.skinShopButton = null; this.skinShopMenu = null; this.goodCoins = null; this.goodCoinTimer = null; this.extraGoodCoinTimer = null; this.leaderboardButton = null; this.leaderboardMenu = null; this.leaderboardEntries = []; } preload() { this.load.spritesheet('tiles', 'https://play.rosebud.ai/assets/tiles.png?R3nY', { frameWidth: 16, frameHeight: 16, }); this.load.image('background', 'https://play.rosebud.ai/assets/background.png?o4OU'); this.load.image('player', 'https://play.rosebud.ai/assets/doge.png?XDez'); this.load.image('audioPlaying', 'https://play.rosebud.ai/assets/audioPlaying.png?bjzw'); this.load.image('audioMuted', 'https://play.rosebud.ai/assets/audioMuted.png?FneP'); this.load.audio('backgroundMusic', 'https://play.rosebud.ai/assets/backgroundMusic.wav?5OfG'); this.load.audio('buttonClick', 'https://play.rosebud.ai/assets/buttonClick.wav?zkUb'); this.load.audio('jump1', 'https://play.rosebud.ai/assets/jump1.wav?gctd'); this.load.audio('jump2', 'https://play.rosebud.ai/assets/jump2.wav?TdEb'); this.load.audio('loss', 'https://play.rosebud.ai/assets/loss.wav?OmfR'); this.load.image('acorn', 'https://play.rosebud.ai/assets/acorn.png?jGvZ'); this.load.image('trophy', 'https://play.rosebud.ai/assets/trophy.png'); this.load.image('coin', 'https://play.rosebud.ai/assets/coin.png'); this.load.image('goodCoin', 'https://play.rosebud.ai/assets/good coin.png?lMau'); this.load.image('leaderboard', 'https://play.rosebud.ai/assets/leaderboard.png'); } create() { this.bgFar = this.add.tileSprite(0, 0, this.cameras.main.width, this.cameras.main.height, 'background').setOrigin(0, 0).setScrollFactor(0); this.bgNear = this.add.tileSprite(0, 0, this.cameras.main.width, this.cameras.main.height, 'tiles').setOrigin(0, 0).setScrollFactor(0); this.bgNear.setTilePosition(0, this.cameras.main.height - 128); this.ground1 = this.createGround(0); this.ground2 = this.createGround(this.cameras.main.width); // Adjust the player's position and scale for Doge this.player = this.physics.add.sprite(100, this.scale.height - 150, 'player').setScale(0.3); this.player.setCollideWorldBounds(true); // Adjust the player's body size and offset for Doge this.player.body.setSize(this.player.width * 0.7, this.player.height * 0.7); this.player.body.setOffset(this.player.width * 0.15, this.player.height * 0.3); this.physics.add.collider(this.player, this.ground1); this.physics.add.collider(this.player, this.ground2); this.input.keyboard.on('keydown-SPACE', this.jump, this); this.music = this.sound.add('backgroundMusic'); this.music.play({ loop: true, volume: 0.4 }); this.buttonClickSound = this.sound.add('buttonClick'); this.jumpSound1 = this.sound.add('jump1'); this.jumpSound2 = this.sound.add('jump2'); this.jumpSounds.push(this.jumpSound1); this.jumpSounds.push(this.jumpSound2); this.lossSound = this.sound.add('loss'); this.audioPlaying = this.add.image(70, 70, 'audioPlaying').setInteractive().setScale(0.5); this.audioMuted = this.add.image(70, 70, 'audioMuted').setInteractive().setScale(0.5); this.audioPlaying.visible = true; this.audioMuted.visible = false; this.audioPlaying.on('pointerdown', function() { this.music.pause(); this.audioPlaying.visible = false; this.audioMuted.visible = true; this.buttonClickSound.play(); }, this); this.audioMuted.on('pointerdown', function() { this.music.resume(); this.audioPlaying.visible = true; this.audioMuted.visible = false; this.buttonClickSound.play(); }, this); this.afterImages = this.add.group(); this.acorns = this.physics.add.group(); this.addAcornEvent(); this.physics.add.collider(this.player, this.acorns, this.hitAcorn, null, this); this.gameOverText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2 - 50, 'GAME OVER', { fontSize: '64px', fontStyle: 'bold', fill: '#ff0000', align: 'center' }).setOrigin(0.5); this.gameOverText.setVisible(false); this.restartButton = this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2 + 50, 'RESTART', { fontSize: '32px', fontStyle: 'bold', fill: '#ffffff', backgroundColor: '#000000', padding: { left: 15, right: 15, top: 10, bottom: 10 } }).setOrigin(0.5).setInteractive(); this.restartButton.setVisible(false); this.restartButton.on('pointerdown', this.restartGame, this); this.uiContainer = this.add.container(10, 10); let uiBackground = this.add.rectangle(0, 0, 300, 210, 0x000000, 0.5); uiBackground.setOrigin(0, 0); this.uiContainer.add(uiBackground); this.levelText = this.add.text(10, 10, 'Level: 1', { fontSize: '24px', fontStyle: 'bold', fill: '#FFA500', stroke: '#000', strokeThickness: 2 }); this.uiContainer.add(this.levelText); this.scoreText = this.add.text(10, 40, 'Score: 0', { fontSize: '24px', fontStyle: 'bold', fill: '#00FF00', stroke: '#000', strokeThickness: 2 }); this.uiContainer.add(this.scoreText); this.acornsJumpedText = this.add.text(10, 70, 'Acorns: 0', { fontSize: '24px', fontStyle: 'bold', fill: '#FFD700', stroke: '#000', strokeThickness: 2 }); this.uiContainer.add(this.acornsJumpedText); this.comboText = this.add.text(10, 100, 'Combo: 0x', { fontSize: '24px', fontStyle: 'bold', fill: '#FF69B4', stroke: '#000', strokeThickness: 2 }); this.uiContainer.add(this.comboText); this.highScore = localStorage.getItem('highScore') || 0; let trophyIcon = this.add.image(10, 140, 'trophy').setScale(0.05); this.uiContainer.add(trophyIcon); this.highScoreText = this.add.text(40, 130, 'High Score: ' + this.highScore, { fontSize: '24px', fontStyle: 'bold', fill: '#FFD700', stroke: '#000', strokeThickness: 2 }); this.uiContainer.add(this.highScoreText); let coinIcon = this.add.image(10, 180, 'coin').setScale(0.05); this.uiContainer.add(coinIcon); this.coins = 0; this.coinsText = this.add.text(40, 170, 'Coins: ' + this.coins, { fontSize: '24px', fontStyle: 'bold', fill: '#FFD700', stroke: '#000', strokeThickness: 2 }); this.uiContainer.add(this.coinsText); this.difficultyTimer = this.time.addEvent({ delay: 30000, callback: this.increaseDifficulty, callbackScope: this, loop: true }); this.powerUpText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2, '', { fontSize: '64px', fontStyle: 'bold', fill: '#ffffff', align: 'center', stroke: '#000000', strokeThickness: 6 }).setOrigin(0.5); this.powerUpText.setVisible(false); this.shopButton = this.add.text(this.cameras.main.width - 10, 10, 'SHOP', { fontSize: '24px', fontStyle: 'bold', fill: '#ffffff', backgroundColor: '#000000', padding: { left: 10, right: 10, top: 5, bottom: 5 } }).setOrigin(1, 0).setInteractive(); this.shopButton.on('pointerdown', this.openShop, this); this.shopMenu = this.add.container(this.cameras.main.width / 2, this.cameras.main.height / 2); this.shopMenu.setVisible(false); let shopBackground = this.add.rectangle(0, 0, 400, 400, 0x000000, 0.8); this.shopMenu.add(shopBackground); let shopTitle = this.add.text(0, -180, 'SHOP', { fontSize: '32px', fontStyle: 'bold', fill: '#ffffff' }).setOrigin(0.5); this.shopMenu.add(shopTitle); let closeButton = this.add.text(-180, -180, 'X', { fontSize: '24px', fontStyle: 'bold', fill: '#ffffff' }).setOrigin(0.5).setInteractive(); closeButton.on('pointerdown', this.closeShop, this); this.shopMenu.add(closeButton); let yPos = -130; for (let powerUp in this.powerUps) { let buyButton = this.add.text(0, yPos, `Buy ${powerUp} - ${this.powerUps[powerUp].price} coins`, { fontSize: '24px', fontStyle: 'bold', fill: '#ffffff', backgroundColor: '#000000', padding: { left: 10, right: 10, top: 5, bottom: 5 } }).setOrigin(0.5).setInteractive(); buyButton.on('pointerdown', () => this.buyPowerUp(powerUp)); this.shopMenu.add(buyButton); yPos += 50; } this.skinShopButton = this.add.text(this.cameras.main.width - 10, 50, 'SKINS', { fontSize: '24px', fontStyle: 'bold', fill: '#ffffff', backgroundColor: '#000000', padding: { left: 10, right: 10, top: 5, bottom: 5 } }).setOrigin(1, 0).setInteractive(); this.skinShopButton.on('pointerdown', this.openSkinShop, this); this.skinShopMenu = this.add.container(this.cameras.main.width / 2, this.cameras.main.height / 2); this.skinShopMenu.setVisible(false); let skinShopBackground = this.add.rectangle(0, 0, 400, 400, 0x000000, 0.8); this.skinShopMenu.add(skinShopBackground); let skinShopTitle = this.add.text(0, -180, 'SKIN SHOP', { fontSize: '32px', fontStyle: 'bold', fill: '#ffffff' }).setOrigin(0.5); this.skinShopMenu.add(skinShopTitle); let skinCloseButton = this.add.text(180, -180, 'X', { fontSize: '24px', fontStyle: 'bold', fill: '#ffffff' }).setOrigin(0.5).setInteractive(); skinCloseButton.on('pointerdown', this.closeSkinShop, this); this.skinShopMenu.add(skinCloseButton); let skinYPos = -130; for (let skin in this.skins) { let skinButton = this.add.text(0, skinYPos, `${skin} frog - ${this.skins[skin].price} coins`, { fontSize: '24px', fontStyle: 'bold', fill: '#ffffff', backgroundColor: '#000000', padding: { left: 10, right: 10, top: 5, bottom: 5 } }).setOrigin(0.5).setInteractive(); skinButton.on('pointerdown', () => this.buySkin(skin)); this.skinShopMenu.add(skinButton); skinYPos += 50; } this.goodCoins = this.physics.add.group(); this.physics.add.overlap(this.player, this.goodCoins, this.collectGoodCoin, null, this); this.goodCoinTimer = this.time.addEvent({ delay: 10000, callback: this.trySpawnGoodCoin, callbackScope: this, loop: true }); this.extraGoodCoinTimer = this.time.addEvent({ delay: 20000, callback: this.trySpawnGoodCoinExtra, callbackScope: this, loop: true }); this.leaderboardButton = this.add.text(this.cameras.main.width - 10, 90, 'LEADERBOARD', { fontSize: '24px', fontStyle: 'bold', fill: '#ffffff', backgroundColor: '#000000', padding: { left: 10, right: 10, top: 5, bottom: 5 } }).setOrigin(1, 0).setInteractive(); this.leaderboardButton.on('pointerdown', this.openLeaderboard, this); this.leaderboardMenu = this.add.container(this.cameras.main.width / 2, this.cameras.main.height / 2); this.leaderboardMenu.setVisible(false); let leaderboardBackground = this.add.rectangle(0, 0, 400, 400, 0x000000, 0.8); this.leaderboardMenu.add(leaderboardBackground); let leaderboardTitle = this.add.text(0, -180, 'LEADERBOARD', { fontSize: '32px', fontStyle: 'bold', fill: '#ffffff' }).setOrigin(0.5); this.leaderboardMenu.add(leaderboardTitle); let leaderboardCloseButton = this.add.text(180, -180, 'X', { fontSize: '24px', fontStyle: 'bold', fill: '#ffffff' }).setOrigin(0.5).setInteractive(); leaderboardCloseButton.on('pointerdown', this.closeLeaderboard, this); this.leaderboardMenu.add(leaderboardCloseButton); for (let i = 0; i < 10; i++) { let entry = this.add.text(0, -130 + i * 30, `${i + 1}. ---`, { fontSize: '20px', fontStyle: 'bold', fill: '#ffffff' }).setOrigin(0.5); this.leaderboardMenu.add(entry); this.leaderboardEntries.push(entry); } this.loadLeaderboard(); } jump() { if (this.player.body.touching.down || (this.currentPowerUp === 'doubleJump' && this.player.body.velocity.y > 0)) { this.player.setVelocityY(this.getJumpVelocity()); for (let i = 0; i < 3; i++) { let afterImage = this.add.image(this.player.x, this.player.y, this.player.texture.key).setScale(0.3).setAlpha(1 - (i * 0.25)); this.afterImagesArray[i] = afterImage; this.add.tween({ targets: afterImage, alpha: 0, ease: 'Linear', duration: 500, repeat: 0, yoyo: false }); } if (!this.audioMuted.visible) { this.jumpSounds[this.jumpSoundIndex].play(); this.jumpSoundIndex = (this.jumpSoundIndex + 1) % this.jumpSounds.length; } } } update(time, delta) { if (!this.isGameOver) { const baseSpeed = 2; const moveSpeed = this.speedBoost ? baseSpeed * 1.5 : baseSpeed; this.ground1.children.iterate(function(child) { child.x -= moveSpeed; }, this); this.ground2.children.iterate(function(child) { child.x -= moveSpeed; }, this); if (this.ground1.getChildren()[0].x < -this.cameras.main.width) { this.ground1.children.iterate(function(child) { child.x += this.cameras.main.width * 2; }, this); } if (this.ground2.getChildren()[0].x < -this.cameras.main.width) { this.ground2.children.iterate(function(child) { child.x += this.cameras.main.width * 2; }, this); } this.acorns.children.iterate(function(acorn) { if (acorn && acorn.active) { if (acorn.x < 0) { acorn.destroy(); this.acornsJumped++; this.combo++; this.score += (10 * this.combo * this.scoreMultiplier); this.coins += 6; this.acornsJumpedText.setText('Acorns: ' + this.acornsJumped); this.scoreText.setText('Score: ' + Math.floor(this.score)); this.comboText.setText('Combo: ' + this.combo + 'x'); this.coinsText.setText('Coins: ' + this.coins); if (this.level < this.levelThresholds.length && this.acornsJumped >= this.levelThresholds[this.level]) { this.level++; this.levelText.setText('Level: ' + this.level); this.time.removeAllEvents(); this.addAcornEvent(); } if (this.acornsJumped === 1 && !this.achievements.firstJump) { this.showAchievement('First Jump!'); this.achievements.firstJump = true; } else if (this.acornsJumped === 10 && !this.achievements.tenAcorns) { this.showAchievement('10 Acorns Jumped!'); this.achievements.tenAcorns = true; } else if (this.acornsJumped === 50 && !this.achievements.fiftyAcorns) { this.showAchievement('50 Acorns Jumped!'); this.achievements.fiftyAcorns = true; } if (this.score > this.highScore) { this.highScore = Math.floor(this.score); this.highScoreText.setText('High Score: ' + this.highScore); localStorage.setItem('highScore', this.highScore); } } if (this.currentPowerUp === 'magneticCoins') { let distance = Phaser.Math.Distance.Between(this.player.x, this.player.y, acorn.x, acorn.y); if (distance < this.magneticRange) { let angle = Phaser.Math.Angle.Between(acorn.x, acorn.y, this.player.x, this.player.y); acorn.setVelocity(Math.cos(angle) * 200, Math.sin(angle) * 200); } } if (this.currentPowerUp === 'slowMotion') { acorn.setVelocityX(acorn.body.velocity.x * 0.5); } } }, this); this.afterImagesArray.forEach((afterImage, i) => { afterImage.x += (this.player.x - afterImage.x) * (0.5 + (i * 0.1)); afterImage.y += (this.player.y - afterImage.y) * (0.5 + (i * 0.1)); }); [...this.afterImagesArray, this.player].forEach((item, i) => { if (item) this.children.bringToTop(item); }); this.score += 0.1 * this.scoreMultiplier; this.scoreText.setText('Score: ' + Math.floor(this.score)); this.bgFar.tilePositionX += 0.5; this.bgNear.tilePositionX += 1; this.dayCycleTimer += delta; if (this.dayCycleTimer > 30000) { this.isNight = !this.isNight; this.dayCycleTimer = 0; if (this.isNight) { this.cameras.main.setTint(0x0000FF); } else { this.cameras.main.clearTint(); } } this.goodCoins.children.iterate(function(goodCoin) { if (goodCoin && goodCoin.active) { if (goodCoin.x < -goodCoin.width) { goodCoin.destroy(); } if (this.currentPowerUp === 'magneticCoins') { let distance = Phaser.Math.Distance.Between(this.player.x, this.player.y, goodCoin.x, goodCoin.y); if (distance < this.magneticRange) { let angle = Phaser.Math.Angle.Between(goodCoin.x, goodCoin.y, this.player.x, this.player.y); goodCoin.setVelocity(Math.cos(angle) * 200, Math.sin(angle) * 200); } } } }, this); } } hitAcorn(player, acorn) { if (this.currentPowerUp === 'invincibility') { acorn.destroy(); this.acornsJumped++; this.combo++; this.score += (10 * this.combo * this.scoreMultiplier); this.coins += 6; this.acornsJumpedText.setText('Acorns: ' + this.acornsJumped); this.scoreText.setText('Score: ' + Math.floor(this.score)); this.comboText.setText('Combo: ' + this.combo + 'x'); this.coinsText.setText('Coins: ' + this.coins); return; } this.combo = 0; this.comboText.setText('Combo: 0x'); this.isGameOver = true; this.physics.pause(); this.music.stop(); if (!this.lossSound.isPlaying && !this.audioMuted.visible) { this.lossSound.play(); } player.setTint(0xff0000); this.gameOverText.setVisible(true); this.restartButton.setVisible(true); this.player.setAlpha(0.5); if (this.score > this.highScore) { this.highScore = Math.floor(this.score); this.highScoreText.setText('High Score: ' + this.highScore); localStorage.setItem('highScore', this.highScore); } this.submitScore(Math.floor(this.score)); } restartGame() { this.isGameOver = false; this.level = 1; this.acornsJumped = 0; this.currentPowerUp = null; this.speedBoost = false; this.score = 0; this.combo = 0; this.scoreMultiplier = 1; this.coins = 0; this.currentSkin = 'default'; this.achievements = { firstJump: false, tenAcorns: false, fiftyAcorns: false }; if (this.goodCoinTimer) { this.goodCoinTimer.remove(); } if (this.extraGoodCoinTimer) { this.extraGoodCoinTimer.remove(); } this.scene.restart(); } increaseDifficulty() { if (this.level < 5) { this.level++; this.levelText.setText('Level: ' + this.level); this.time.removeAllEvents(); this.addAcornEvent(); this.difficultyTimer = this.time.addEvent({ delay: 30000, callback: this.increaseDifficulty, callbackScope: this, loop: true }); } } showAchievement(text) { let achievementText = this.add.text(this.cameras.main.width / 2, 100, text, { fontSize: '32px', fill: '#FFD700', stroke: '#000000', strokeThickness: 6 }).setOrigin(0.5); this.tweens.add({ targets: achievementText, y: 50, alpha: 0, duration: 3000, ease: 'Power2', onComplete: () => achievementText.destroy() }); } getAcornDelay() { return Math.max(500, 5000 - (this.level -1) * 500); } getAcornSpeed() { return 200 + (this.level - 1) * 50; } getJumpVelocity() { let baseVelocity = -487.5 - (this.level - 1) * 20; return this.currentPowerUp === 'doubleJump' ? baseVelocity * 1.5 : baseVelocity; } addAcornEvent() { this.time.addEvent({ delay: this.getAcornDelay(), callback: this.addAcorn, callbackScope: this, loop: true }); } addAcorn() { if (this.isGameOver) { return; } let acorn = this.acorns.create(this.scale.width + 50, this.scale.height - 80, 'acorn'); acorn.setCollideWorldBounds(false); acorn.body.setAllowGravity(false); acorn.setScale(0.2); acorn.setVelocityX(-this.getAcornSpeed()); } createGround(x) { let ground = this.physics.add.staticGroup(); for (let i = x; i < x + this.cameras.main.width; i += 48) { let surface = ground.create(i + 24, this.scale.height - 48, 'tiles', 14 * 48 + 1).setScale(3).setTint(0x888888); let dirt = ground.create(i + 24, this.scale.height - 16, 'tiles', 15 * 48 + 1).setScale(3).setTint(0x888888); } return ground; } openShop() { this.shopMenu.setVisible(true); this.physics.pause(); } closeShop() { this.shopMenu.setVisible(false); if (!this.isGameOver) { this.physics.resume(); } } buyPowerUp(powerUp) { if (this.coins >= this.powerUps[powerUp].price) { this.coins -= this.powerUps[powerUp].price; this.coinsText.setText('Coins: ' + this.coins); this.activatePowerUp(powerUp); this.showAchievement(`${powerUp} activated!`); } else { this.showAchievement('Not enough coins!'); } } activatePowerUp(powerUp) { this.currentPowerUp = powerUp; if (powerUp === 'invincibility') { this.player.setTint(0x00ff00); this.powerUpText.setText('INVINCIBLE!'); } else if (powerUp === 'doubleJump') { this.powerUpText.setText('BIG JUMPS!'); } else if (powerUp === 'speedBoost') { this.speedBoost = true; this.powerUpText.setText('SPEEDY'); } else if (powerUp === 'magneticCoins') { this.powerUpText.setText('MAGNETIC'); } else if (powerUp === 'slowMotion') { this.powerUpText.setText('SLOW-MO'); } else if (powerUp === 'scoreMultiplier') { this.scoreMultiplier = 2; this.powerUpText.setText('2X SCORE'); } this.powerUpText.setVisible(true); this.time.delayedCall(this.powerUps[powerUp].duration, () => { this.currentPowerUp = null; this.speedBoost = false; this.scoreMultiplier = 1; this.powerUpText.setVisible(false); this.player.clearTint(); }, null, this); } openSkinShop() { this.skinShopMenu.setVisible(true); this.physics.pause(); } closeSkinShop() { this.skinShopMenu.setVisible(false); if (!this.isGameOver) { this.physics.resume(); } } buySkin(skin) { console.log(`Attempting to buy skin: ${skin}`); if (this.skins[skin].owned) { this.equipSkin(skin); } else if (this.coins >= this.skins[skin].price) { this.coins -= this.skins[skin].price; this.coinsText.setText('Coins: ' + this.coins); this.skins[skin].owned = true; this.equipSkin(skin); this.showAchievement(`${skin} frog purchased!`); } else { this.showAchievement('Not enough coins!'); } } equipSkin(skin) { console.log(`Equipping skin: ${skin}`); this.currentSkin = skin; this.player.setTint(this.skins[skin].tint); this.afterImagesArray.forEach(afterImage => { afterImage.setTint(this.skins[skin].tint); }); this.showAchievement(`${skin} frog equipped!`); } trySpawnGoodCoin() { if (Math.random() < 0.55) { this.spawnGoodCoin(); } } trySpawnGoodCoinExtra() { if (Math.random() < 0.55) { this.spawnGoodCoin(); } } spawnGoodCoin() { let goodCoin = this.goodCoins.create(this.scale.width + 50, Phaser.Math.Between(100, this.scale.height - 100), 'goodCoin'); goodCoin.setCollideWorldBounds(false); goodCoin.body.setAllowGravity(false); goodCoin.setScale(0.125); goodCoin.setVelocityX(-200); let newWidth = goodCoin.width * 0.125; let newHeight = goodCoin.height * 0.125; goodCoin.body.setSize(newWidth, newHeight); goodCoin.body.setOffset((goodCoin.width - newWidth) / 2, (goodCoin.height - newHeight) / 2); } collectGoodCoin(player, goodCoin) { goodCoin.destroy(); this.coins += 50; this.coinsText.setText('Coins: ' + this.coins); this.showAchievement('50 Coins Collected!'); } openLeaderboard() { this.leaderboardMenu.setVisible(true); this.physics.pause(); this.loadLeaderboard(); } closeLeaderboard() { this.leaderboardMenu.setVisible(false); if (!this.isGameOver) { this.physics.resume(); } } submitScore(score) { let leaderboard = JSON.parse(localStorage.getItem('leaderboard') || '[]'); leaderboard.push({ name: 'Player', score: score }); leaderboard.sort((a, b) => b.score - a.score); leaderboard = leaderboard.slice(0, 10); localStorage.setItem('leaderboard', JSON.stringify(leaderboard)); } loadLeaderboard() { let leaderboard = JSON.parse(localStorage.getItem('leaderboard') || '[]'); for (let i = 0; i < 10; i++) { if (i < leaderboard.length) { this.leaderboardEntries[i].setText(`${i + 1}. ${leaderboard[i].name}: ${leaderboard[i].score}`); } else { this.leaderboardEntries[i].setText(`${i + 1}. ---`); } } } } const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 512, height: 512, physics: { default: 'arcade', arcade: { gravity: { y: 544 }, debug: false } }, scene: FrogRunner, pixelArt: true, crisp: true, }; window.phaserGame = new Phaser.Game(config); window.phaserGame.scale.pageAlignHorizontally = true; window.phaserGame.scale.pageAlignVertically = true;