class FrogRunner extends Phaser.Scene { constructor() { super({ key: 'FrogRunner' }); this.difficulty = 'normal'; // Default difficulty this.enemyHitCost = 5; // Default enemy hit cost this.winScore = 300; // Default win score this.candyValue = 10; // Default candy value this.enemySpeedIncreaseThreshold = 100; // Default threshold for enemy speed increase this.recentHits = []; // Array to store recent hit timestamps this.isInvulnerable = false; // Flag for invulnerability state 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; // Change this value to use a different localStorage save slot for the high score this.projectName = 'FrogRunnerGame'; this.score = 0; this.highScore = 0; this.scoreText = null; this.highScoreText = null; this.isMuted = false; // New property to track mute state this.nextNumberIndex = 0; // New property to alternate between 21, 19, and 13 // Remove this line if it's not used elsewhere this.jumpCount = 0; // New property to track number of jumps this.enemySpeedMultiplier = 1; // New property to track enemy speed increase this.scoreThresholdCount = 0; // New property to track number of times score reached 350 this.enemySpawnTimer = null; // New property to store the enemy spawn timer } init(data) { this.setDifficulty(data.difficulty); } setDifficulty(difficulty) { this.difficulty = difficulty; if (difficulty === 'sinister') { this.candyValue = 5; this.enemyHitCost = 50; this.winScore = 500; } else { // Normal difficulty settings this.candyValue = 10; this.enemyHitCost = 5; this.winScore = 300; } } init(data) { this.setDifficulty(data.difficulty); } setDifficulty(difficulty) { this.difficulty = difficulty; this.recentHits = []; // Reset recent hits when changing difficulty switch (difficulty) { case 'challenging': this.enemyHitCost = 50; this.winScore = 400; break; case 'sinister': this.candyValue = 5; this.enemySpeedIncreaseThreshold = 200; this.winScore = 500; break; // 'easy' settings are already set as default } } preload() { this.load.spritesheet('tiles', `https://play.rosebud.ai/assets/tiles.png?QUST`, { frameWidth: 16, frameHeight: 16, }); this.load.image('cauldron', `https://play.rosebud.ai/assets/Cauldron.png?osj0`); this.load.image('cute_witch', `https://play.rosebud.ai/assets/cute witch.png?KXTw`); this.load.image('cute_witch', `https://play.rosebud.ai/assets/cute witch.png?KXTw`); this.load.image('background1', `https://play.rosebud.ai/assets/1_game_background.png?aesy`); this.load.image('background2', `https://play.rosebud.ai/assets/2_game_background.png?pH10`); this.load.image('background3', `https://play.rosebud.ai/assets/3_game_background.png?NRkx`); this.load.image('background4', `https://play.rosebud.ai/assets/4_game_background.png?vlca`); this.load.image('witch1', `https://play.rosebud.ai/assets/Witch1.png?5ZVN`); this.load.image('witch2', `https://play.rosebud.ai/assets/Witch2.png?MlmO`); this.load.image('witch3', `https://play.rosebud.ai/assets/Witch3.png?rAda`); this.load.image('witch4', `https://play.rosebud.ai/assets/Witch4.png?QUGq`); this.load.image('audioPlaying', `https://play.rosebud.ai/assets/audioPlaying.png?NfMu`); this.load.image('audioMuted', `https://play.rosebud.ai/assets/audioMuted.png?ieTn`); this.load.audio('backgroundMusic', `https://play.rosebud.ai/assets/backgroundMusic.wav?HJuj`); this.load.audio('buttonClick', `https://play.rosebud.ai/assets/buttonClick.wav?aDxx`); this.load.audio('jump1', `https://play.rosebud.ai/assets/jump1.wav?e2t8`); this.load.audio('jump2', `https://play.rosebud.ai/assets/jump2.wav?c8Qu`); this.load.audio('loss', `https://play.rosebud.ai/assets/loss.wav?Qxfi`); this.load.image('werewolf1', `https://play.rosebud.ai/assets/Werewolf1.png?F2I3`); this.load.image('werewolf2', `https://play.rosebud.ai/assets/Werewolf2.png?hXT1`); this.load.image('werewolf3', `https://play.rosebud.ai/assets/Werewolf3.png?WaSQ`); this.load.image('werewolf4', `https://play.rosebud.ai/assets/Werewolf4.png?K18M`); this.load.image('vampire1', `https://play.rosebud.ai/assets/Vampire1.png?rpA8`); this.load.image('vampire2', `https://play.rosebud.ai/assets/Vampire2.png?XSvE`); this.load.image('vampire3', `https://play.rosebud.ai/assets/Vampire3.png?4WTd`); this.load.image('vampire4', `https://play.rosebud.ai/assets/Vampire4.png?Nwb2`); this.load.image('jack1', `https://play.rosebud.ai/assets/Jack o latern1.png?vvXh`); this.load.image('jack2', `https://play.rosebud.ai/assets/Jack o latern2.png?zQnR`); this.load.image('jack3', `https://play.rosebud.ai/assets/Jack o latern3.png?j1Jh`); this.load.image('jack4', `https://play.rosebud.ai/assets/Jack o latern4.png?5NWN`); this.load.image('ghost1', `https://play.rosebud.ai/assets/Ghost1.png?5YJ4`); this.load.image('ghost2', `https://play.rosebud.ai/assets/Ghost2.png?lgdR`); this.load.image('ghost3', `https://play.rosebud.ai/assets/Ghost3.png?YoZQ`); this.load.image('ghost4', `https://play.rosebud.ai/assets/Ghost4.png?zJ8Q`); this.load.image('candy1', `https://play.rosebud.ai/assets/21.png?FGVu`); this.load.image('candy2', `https://play.rosebud.ai/assets/18.png?UsGf`); this.load.image('candy3', `https://play.rosebud.ai/assets/15.png?KPtX`); } create() { this.isGameOver = false; this.background1 = this.add.image(0, 0, 'background1').setOrigin(0); this.background2 = this.add.image(0, 0, 'background2').setOrigin(0); this.background3 = this.add.image(0, 0, 'background3').setOrigin(0); this.background4 = this.add.image(0, 0, 'background4').setOrigin(0); let scaleX = this.cameras.main.width / this.background1.width; let scaleY = this.cameras.main.height / this.background1.height; let scale = Math.max(scaleX, scaleY); this.background1.setScale(scale).setScrollFactor(0); this.background2.setScale(scale).setScrollFactor(0); this.background3.setScale(scale).setScrollFactor(0); this.background4.setScale(scale).setScrollFactor(0); this.background1.setVisible(true); this.background2.setVisible(false); this.background3.setVisible(false); this.background4.setVisible(false); this.ground1 = this.createGround(0); this.ground2 = this.createGround(this.cameras.main.width); this.player = this.physics.add.sprite(100, this.scale.height - 200, 'witch1').setScale(-2, 2); this.player.setCollideWorldBounds(true); this.player.body.setSize(this.player.width / 2, this.player.height / 1.5); this.player.body.setOffset(this.player.width / 4 + this.player.width / 2, this.player.height / 6); this.anims.create({ key: 'witch_fly', frames: [{ key: 'witch1' }, { key: 'witch2' }, { key: 'witch3' }, { key: 'witch4' }], frameRate: 10, repeat: -1 }); this.player.play('witch_fly'); this.anims.create({ key: 'werewolf_run', frames: [{ key: 'werewolf1', frame: null, flipX: true }, { key: 'werewolf2', frame: null, flipX: true }, { key: 'werewolf3', frame: null, flipX: true }, { key: 'werewolf4', frame: null, flipX: true }], frameRate: 10, repeat: -1 }); this.anims.create({ key: 'vampire_fly', frames: [{ key: 'vampire1' }, { key: 'vampire2' }, { key: 'vampire3' }, { key: 'vampire4' }], frameRate: 10, repeat: -1 }); this.anims.create({ key: 'jack_float', frames: [{ key: 'jack1' }, { key: 'jack2' }, { key: 'jack3' }, { key: 'jack4' }], frameRate: 10, repeat: -1 }); this.anims.create({ key: 'ghost_float', frames: [{ key: 'ghost1' }, { key: 'ghost2' }, { key: 'ghost3' }, { key: 'ghost4' }], frameRate: 10, repeat: -1 }); 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.input.on('pointerdown', 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); // Set initial mute state this.setMuteState(this.isMuted); this.audioPlaying.on('pointerdown', function() { this.setMuteState(true); this.buttonClickSound.play(); }, this); this.audioMuted.on('pointerdown', function() { this.setMuteState(false); this.buttonClickSound.play(); }, this); this.afterImages = this.add.group(); this.acorns = this.physics.add.group(); this.enemySpawnTimer = this.time.addEvent({ delay: 5000, callback: this.addAcorn, callbackScope: this, loop: true }); this.physics.add.collider(this.player, this.acorns, this.hitAcorn, null, this); // Create candy group this.candies = this.physics.add.group(); // Create cauldron group this.cauldrons = this.physics.add.group(); // Set up timer for adding candy this.time.addEvent({ delay: 3000, callback: this.addCandy, callbackScope: this, loop: true }); // Add overlap for candy collection this.physics.add.overlap(this.player, this.candies, this.collectCandy, null, this); // Add collision for cauldron this.physics.add.collider(this.player, this.cauldrons, this.hitCauldron, null, this); // Add score and high score text const textStyle = { fontSize: '24px', fill: '#fff', fontWeight: 'bold' }; this.highScoreText = this.add.text( this.scale.width - 16, 16, 'High Score: 0', textStyle ).setOrigin(1, 0); this.scoreText = this.add.text( this.scale.width - 16, this.highScoreText.y + this.highScoreText.height + 8, 'Score: 0', textStyle ).setOrigin(1, 0); // Load high score from localStorage this.highScore = this.getHighScore(); this.updateHighScoreText(); // Reset score to 0 and update score text this.score = 0; this.updateScoreText(); // Reset enemy speed this.resetEnemySpeed(); } setMuteState(muted) { this.isMuted = muted; this.audioPlaying.visible = !muted; this.audioMuted.visible = muted; if (muted) { this.music.pause(); } else { if (!this.music.isPlaying) { this.music.play({ loop: true, volume: 0.4 }); } else { this.music.resume(); } } } jump() { if (this.player.body.touching.down || this.jumpCount < 2) { let jumpVelocity = -487.5; if (this.jumpCount === 1) { jumpVelocity = -487.5 / 2; // Half the velocity for the second jump } this.player.setVelocityY(jumpVelocity); this.jumpCount++; for (let i = 0; i < 3; i++) { let afterImage = this.add.image(this.player.x, this.player.y, this.player.texture.key, this.player.frame.name).setScale(-2, 2).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.isMuted) { this.jumpSounds[this.jumpSoundIndex].play(); this.jumpSoundIndex = (this.jumpSoundIndex + 1) % this.jumpSounds.length; } } } addAcorn() { if (this.isGameOver) { return; } let enemy; const minSpeed = 150 * this.enemySpeedMultiplier; const maxSpeed = 300 * this.enemySpeedMultiplier; const enemySpeed = Phaser.Math.Between(minSpeed, maxSpeed); const randomEnemyType = Phaser.Math.Between(0, 3); let enemyY; switch (randomEnemyType) { case 0: // Werewolf enemyY = this.scale.height - 80; enemy = this.acorns.create(this.scale.width + 150, enemyY, 'werewolf1'); enemy.play('werewolf_run'); this.transitionBackground(this.background1); break; case 1: // Vampire enemyY = this.scale.height - 80; enemy = this.acorns.create(this.scale.width + 150, enemyY, 'vampire1'); enemy.play('vampire_fly'); this.transitionBackground(this.background2); break; case 2: // Jack o' Lantern enemyY = this.scale.height - 80; enemy = this.acorns.create(this.scale.width + 150, enemyY, 'jack1'); enemy.play('jack_float'); this.transitionBackground(this.background4); break; case 3: // Ghost enemyY = Phaser.Math.Between(this.scale.height - 300, this.scale.height - 80); enemy = this.acorns.create(this.scale.width + 150, enemyY, 'ghost1'); enemy.play('ghost_float'); this.transitionBackground(this.background3); break; } enemy.setCollideWorldBounds(false); enemy.body.setAllowGravity(false); enemy.setScale(2, 2); enemy.body.setSize(enemy.width / 2, enemy.height / 1.5); enemy.body.setOffset(enemy.width / 4, enemy.height / 6); enemy.setVelocityX(-enemySpeed); } 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; } update() { if (!this.isGameOver) { // Reset jump count when the player touches the ground if (this.player.body.touching.down) { this.jumpCount = 0; } this.ground1.children.iterate(function(child) { child.x -= 2; }, this); this.ground2.children.iterate(function(child) { child.x -= 2; }, 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.x < 0) { acorn.destroy(); } }, this); this.candies.children.iterate(function(candy) { if (candy && candy.x < 0) { candy.destroy(); } else if (candy) { console.log(`Candy at (${candy.x}, ${candy.y})`); } }, 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); }); } } hitAcorn(player, acorn) { if (this.isGameOver || this.isInvulnerable) return; // Prevent collision if game over or invulnerable // Subtract points based on difficulty this.score -= this.enemyHitCost; // Check if the game should end immediately if score is 0 or below if (this.score <= 0) { this.score = 0; // Ensure score doesn't go below 0 this.updateScoreText(); this.endGame(); return; // Exit the method to prevent further processing } this.updateScoreText(); // Play a sound effect for hitting an enemy if (!this.isMuted) { this.lossSound.play(); } // Make the player flash to indicate they've been hit this.flashPlayer(); // Remove the enemy acorn.destroy(); // Sinister mode specific logic if (this.difficulty === 'sinister') { const now = this.time.now; this.recentHits.push(now); // Remove hits older than 1 second this.recentHits = this.recentHits.filter(hitTime => now - hitTime <= 1000); if (this.recentHits.length >= 3) { this.makeInvulnerable(); this.recentHits = []; // Reset recent hits } } } makeInvulnerable() { this.isInvulnerable = true; this.player.setTint(0x00ff00); // Set player tint to green to indicate invulnerability // Set a timer to remove invulnerability after 1 second this.time.delayedCall(1000, () => { this.isInvulnerable = false; this.player.clearTint(); // Remove the tint }, [], this); } flashPlayer() { this.tweens.add({ targets: this.player, alpha: 0.5, duration: 100, yoyo: true, repeat: 3 }); } endGame() { if (this.isGameOver) return; // Prevent multiple calls this.isGameOver = true; this.physics.pause(); this.music.stop(); // Ensure score is 0 if it's negative this.score = Math.max(0, this.score); this.updateScoreText(); // Check and update high score if (this.score > this.highScore) { this.highScore = this.score; this.saveHighScore(); } // Display game over message let gameOverText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2, 'Game Over', { fontSize: '48px', fill: '#fff' }).setOrigin(0.5); // Stop all ongoing events and timers this.time.removeAllEvents(); // Restart the game after a delay this.time.delayedCall(3000, function() { this.scene.restart('StartScene'); }, [], this); } resetEnemySpeed() { this.enemySpeedMultiplier = 1; this.scoreThresholdCount = 0; if (this.enemySpawnTimer) { this.enemySpawnTimer.reset({ delay: 5000, callback: this.addAcorn, callbackScope: this, loop: true }); } } updateScoreText() { this.scoreText.setText('Score: ' + this.score); } updateHighScoreText() { this.highScoreText.setText('High Score: ' + this.highScore); } getHighScore() { const storedScore = localStorage.getItem(this.projectName + '_highScore'); return storedScore ? parseInt(storedScore) : 0; } saveHighScore() { localStorage.setItem(this.projectName + '_highScore', this.highScore.toString()); } addCandy() { if (this.isGameOver) { return; } console.log('Adding candy'); // Calculate maximum jump height const jumpVelocity = 487.5; // From the jump method const gravity = this.physics.world.gravity.y; const maxJumpHeight = (jumpVelocity * jumpVelocity) / (2 * gravity); const secondJumpHeight = maxJumpHeight / 2; // Height of the second jump // Calculate the highest point the witch can reach (including second jump) const witchHeight = this.player.height * 2; // Scaled height of the witch const maxCandyHeight = this.scale.height - (maxJumpHeight + secondJumpHeight) - witchHeight / 2; // Set the range for candy spawn const minCandyHeight = this.scale.height - 100; // Keep the lower bound as before const candyY = Phaser.Math.Between(maxCandyHeight, minCandyHeight); const candyType = Phaser.Math.Between(1, 3); let candy = this.candies.create(this.scale.width + 150, candyY, `candy${candyType}`); candy.setCollideWorldBounds(false); candy.body.setAllowGravity(false); candy.setScale(0.125); candy.setVelocityX(-200); console.log(`Candy created at (${candy.x}, ${candy.y})`); candy.body.setSize(candy.width, candy.height); candy.body.setOffset(0, 0); candy.setDepth(1000); } collectCandy(player, candy) { candy.destroy(); this.score += this.candyValue; this.updateScoreText(); // Start adding cauldrons when score reaches 1/3 of win score if (this.score >= this.winScore / 3) { this.startAddingCauldrons(); } // Check if score has reached win score (winning condition) if (this.score >= this.winScore) { this.winGame(); return; } // Check if score has reached a multiple of the enemy speed increase threshold if (this.score % this.enemySpeedIncreaseThreshold === 0) { this.scoreThresholdCount++; this.enemySpeedMultiplier *= 1.15; // Increase speed by 15% console.log(`Enemy speed increased! New multiplier: ${this.enemySpeedMultiplier}`); // After reaching the threshold for the second time, start increasing enemy frequency if (this.scoreThresholdCount >= 2) { this.updateEnemySpawnFrequency(); } } } startAddingCauldrons() { this.cauldronTimer = this.time.addEvent({ delay: 15000, // Increased from 7000 to 15000 milliseconds callback: this.addCauldron, callbackScope: this, loop: true }); } updateEnemySpawnFrequency() { // Calculate new delay (90% of current delay to increase frequency by 10%) let newDelay = this.enemySpawnTimer.delay * 0.9; // Update the timer this.enemySpawnTimer.reset({ delay: newDelay, callback: this.addAcorn, callbackScope: this, loop: true }); console.log(`Enemy spawn frequency increased! New delay: ${newDelay}ms`); } transitionBackground(newBackground) { // Fade out all backgrounds except the new one [this.background1, this.background2, this.background3, this.background4].forEach(bg => { if (bg !== newBackground) { this.tweens.add({ targets: bg, alpha: 0, duration: 500, onComplete: () => { bg.setVisible(false); } }); } }); // Ensure the new background is visible and fade it in if it's not already if (!newBackground.visible) { newBackground.setAlpha(0); newBackground.setVisible(true); this.tweens.add({ targets: newBackground, alpha: 1, duration: 500 }); } else { // If it's already visible, make sure it's fully opaque newBackground.setAlpha(1); } } addCauldron() { if (this.isGameOver) { return; } console.log('Adding cauldron'); const witchHeight = this.player.height * 2; // Scaled height of the witch const cauldronY = this.scale.height - 200 + (witchHeight * 0.75) + 25; // Align with witch's feet and lower by 25 pixels let cauldron = this.cauldrons.create(this.scale.width + 150, cauldronY, 'cauldron'); cauldron.setCollideWorldBounds(false); cauldron.body.setAllowGravity(false); cauldron.setScale(0.125 * 0.75); // 25% smaller than the candy scale cauldron.setVelocityX(-200); console.log(`Cauldron created at (${cauldron.x}, ${cauldron.y})`); cauldron.body.setSize(cauldron.width, cauldron.height); cauldron.body.setOffset(0, 0); cauldron.setDepth(1000); } hitCauldron(player, cauldron) { cauldron.destroy(); this.score -= 10; this.updateScoreText(); // Play a sound effect for hitting a cauldron (you can add this later) // this.cauldronHitSound.play(); // Make the player flash to indicate they've been hit this.flashPlayer(); } winGame() { this.isGameOver = true; this.physics.pause(); this.music.stop(); // Check and update high score if (this.score > this.highScore) { this.highScore = this.score; this.saveHighScore(); } // Change background to black const blackBg = this.add.rectangle(0, 0, this.cameras.main.width, this.cameras.main.height, 0x000000); blackBg.setOrigin(0); blackBg.setAlpha(1); blackBg.setDepth(1000); // Create candy explosions for (let i = 0; i < 6; i++) { this.time.delayedCall(i * 500, () => { this.createCandyExplosion(); }); } // Display win message let winText = this.add.text(this.cameras.main.width / 2, this.cameras.main.height / 2 - 50, `You win on ${this.difficulty} mode!\nSamantha has been returned\nto her normal self.\nHalloween is saved!`, { fontSize: '24px', fill: '#fff', align: 'center', wordWrap: { width: this.cameras.main.width * 0.8 } }).setOrigin(0.5); winText.setDepth(1001); // Display final score let scoreText = this.add.text(this.cameras.main.width / 2, winText.y + winText.height / 2 + 20, `Final Score: ${this.score}`, { fontSize: '28px', fill: '#ffff00', align: 'center' }).setOrigin(0.5); scoreText.setDepth(1001); // Add cute witch image let cuteWitch = this.add.image(this.cameras.main.width / 2, this.cameras.main.height - 50, 'cute_witch'); cuteWitch.setOrigin(0.5, 1); cuteWitch.setScale(0.2); cuteWitch.setDepth(1001); // Stop all ongoing events and timers this.time.removeAllEvents(); // Transition to start screen after 8 seconds this.time.delayedCall(8000, () => { this.scene.start('StartScene'); }); } createCandyExplosion() { const candyTypes = ['candy1', 'candy2', 'candy3']; const particleCount = 30; for (let i = 0; i < particleCount; i++) { const candyType = Phaser.Math.RND.pick(candyTypes); const x = Phaser.Math.Between(0, this.cameras.main.width); const y = Phaser.Math.Between(0, this.cameras.main.height); const candy = this.add.image(x, y, candyType); candy.setScale(0.125); candy.setDepth(1002); this.tweens.add({ targets: candy, x: Phaser.Math.Between(0, this.cameras.main.width), y: Phaser.Math.Between(0, this.cameras.main.height), scale: 0, angle: Phaser.Math.Between(-180, 180), duration: Phaser.Math.Between(1500, 3000), ease: 'Cubic.easeOut', onComplete: () => { candy.destroy(); } }); } } } class StartScene extends Phaser.Scene { constructor() { super({ key: 'StartScene' }); } preload() { this.load.image('startBackground', `https://play.rosebud.ai/assets/1_game_background.png?aesy`); this.load.image('witch1', `https://play.rosebud.ai/assets/Witch1.png?5ZVN`); this.load.image('cute_witch', `https://play.rosebud.ai/assets/cute witch.png?KXTw`); } create() { // Add background const background = this.add.image(0, 0, 'startBackground').setOrigin(0); const scaleX = this.cameras.main.width / background.width; const scaleY = this.cameras.main.height / background.height; const scale = Math.max(scaleX, scaleY); background.setScale(scale).setScrollFactor(0); // Add semi-transparent black background const blackBg = this.add.rectangle(0, 0, this.cameras.main.width, this.cameras.main.height, 0x000000); blackBg.setOrigin(0); blackBg.setAlpha(0.8); // Add game title this.add.text(this.cameras.main.centerX, 100, 'Spoopy Witch', { fontSize: '48px', fill: '#ffffff', fontStyle: 'bold' }).setOrigin(0.5); // Display high score const highScore = localStorage.getItem('FrogRunnerGame_highScore') || 0; this.add.text(this.cameras.main.centerX, 160, `High Score: ${highScore}`, { fontSize: '24px', fill: '#ffffff' }).setOrigin(0.5); // Add game description const descriptionText = this.add.text(this.cameras.main.centerX, this.cameras.main.centerY + 20, "Oh No! Samantha was cursed and turned into an ugly witch!\n" + "You must help her collect candy so she can be returned to her normal self.\n" + "But be careful! If she touches monsters, she loses 50 candies and\n" + "if she touches the cauldron, she loses 10 candies.\n" + "You must collect 300 candies before Halloween is over\n" + "or she will be an ugly witch forever!", { fontSize: '16px', fill: '#ffffff', align: 'center', wordWrap: { width: this.cameras.main.width - 100 } }).setOrigin(0.5); // Add start button // Add easy game button const easyButton = this.add.text(this.cameras.main.centerX, this.cameras.main.height - 100, 'Easy Game', { fontSize: '24px', fill: '#000000', backgroundColor: '#00ff00', padding: { left: 10, right: 10, top: 5, bottom: 5 } }).setOrigin(0.5).setInteractive(); easyButton.on('pointerover', () => easyButton.setStyle({ fill: '#ffffff' })); easyButton.on('pointerout', () => easyButton.setStyle({ fill: '#000000' })); easyButton.on('pointerdown', () => { this.scene.start('FrogRunner', { difficulty: 'normal' }); }); // Add sinister button const sinisterButton = this.add.text(this.cameras.main.centerX, this.cameras.main.height - 50, 'Sinister', { fontSize: '24px', fill: '#ffffff', backgroundColor: '#ff0000', padding: { left: 10, right: 10, top: 5, bottom: 5 } }).setOrigin(0.5).setInteractive(); sinisterButton.on('pointerover', () => sinisterButton.setStyle({ fill: '#ffff00' })); sinisterButton.on('pointerout', () => sinisterButton.setStyle({ fill: '#ffffff' })); sinisterButton.on('pointerdown', () => { this.scene.start('FrogRunner', { difficulty: 'sinister' }); }); // Add Witch1 image to the bottom right const witch = this.add.image( this.cameras.main.width - 50, this.cameras.main.height - 50, 'witch1' ); witch.setOrigin(1, 1); // Set origin to bottom right witch.setScale(2); // Scale up the image (adjust as needed) // Add Cute Witch image to the bottom left const cuteWitch = this.add.image( 50, this.cameras.main.height - 50, 'cute_witch' ); cuteWitch.setOrigin(0, 1); // Set origin to bottom left cuteWitch.setScale(0.11); // Scale the image (adjust as needed) cuteWitch.setFlipX(true); // Flip the image horizontally } } 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: [StartScene, FrogRunner], pixelArt: true, crisp: true }; window.phaserGame = new Phaser.Game(config); window.phaserGame.scale.pageAlignHorizontally = true; window.phaserGame.scale.pageAlignVertically = true;