class MainMenu extends Phaser.Scene { constructor() { super('MainMenu'); } preload() { this.load.image('heart', 'https://play.rosebud.ai/assets/heart.png?cVrR'); this.load.image('rabbit', 'https://play.rosebud.ai/assets/cute fat rabbit.png?fhuV'); this.load.image('hammer', 'https://play.rosebud.ai/assets/hammer.png?Au9M'); this.load.image('coin', 'https://play.rosebud.ai/assets/coin.png?tjhM'); this.load.image('goldenRabbit', 'https://play.rosebud.ai/assets/cute fat rabbit.png?fhuV'); } create() { const gradient = this.add.graphics(); gradient.fillGradientStyle(0xFF6B6B, 0xFF6B6B, 0x4ECDC4, 0x4ECDC4, 1); gradient.fillRect(0, 0, 800, 600); const title = this.add.text(400, 100, 'Bad Rabbit', { fontSize: '72px', fontStyle: 'bold', fill: '#FFD700', stroke: '#000000', strokeThickness: 8 }).setOrigin(0.5); const playButton = this.add.text(400, 250, 'Play', { fontSize: '56px', fontStyle: 'bold', fill: '#FFFFFF', backgroundColor: '#FF6B6B', padding: { left: 40, right: 40, top: 20, bottom: 20 }, stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5).setInteractive({ useHandCursor: true }); playButton.on('pointerdown', () => { this.scene.start('PlayScreen'); }); // Adjust rabbit size and position const rabbit = this.add.image(400, 550, 'rabbit').setScale(0.25); this.tweens.add({ targets: rabbit, y: 535, duration: 1000, ease: 'Sine.easeInOut', yoyo: true, repeat: -1 }); // Add UPDATE-LOG button const updateLogButton = this.add.text(400, 400, 'UPDATE-LOG', { fontSize: '32px', fontStyle: 'bold', fill: '#FFFFFF', backgroundColor: '#4ECDC4', padding: { left: 20, right: 20, top: 10, bottom: 10 }, stroke: '#000000', strokeThickness: 3 }).setOrigin(0.5).setInteractive({ useHandCursor: true }); updateLogButton.on('pointerover', () => updateLogButton.setStyle({ fill: '#FFFF00' })); updateLogButton.on('pointerout', () => updateLogButton.setStyle({ fill: '#FFFFFF' })); updateLogButton.on('pointerdown', () => this.showUpdateLog()); } showUpdateLog() { const updateLog = [{ version: "Version 1.2.0", date: "07/11/2024", changes: [ "Added golden rabbit for bonus points", "Implemented 'Play Again' feature on game over screen", "Enhanced main menu with animated rabbit", "Added UPDATE-LOG feature" ] }, { version: "Version 1.1.0", date: "06/11/2024", changes: [ "Added upgrade shop with extra lives and double coins", "Implemented cheat code functionality", "Improved visual effects for coin collection" ] }, { version: "Version 1.0.0", date: "05/11/2024", changes: [ "Initial release of Bad Rabbit game", "Basic gameplay mechanics implemented", "3x3 grid of holes with rabbits", "Coin collection system" ] }]; const logElements = []; const logBackground = this.add.rectangle(400, 300, 700, 500, 0x000000, 0.8).setOrigin(0.5); logElements.push(logBackground); const logTitle = this.add.text(400, 80, 'UPDATE LOG', { fontSize: '40px', fontStyle: 'bold', fill: '#FFFFFF', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); logElements.push(logTitle); // Create a mask for the scrollable area const mask = this.make.graphics(); mask.fillRect(50, 120, 700, 400); // Create a container for the scrollable content const scrollablePanel = this.add.container(0, 120); scrollablePanel.setMask(new Phaser.Display.Masks.GeometryMask(this, mask)); let yPosition = 0; updateLog.forEach(update => { const versionText = this.add.text(70, yPosition, `${update.version} (${update.date})`, { fontSize: '24px', fontStyle: 'bold', fill: '#4ECDC4' }); scrollablePanel.add(versionText); yPosition += 40; update.changes.forEach(change => { const changeText = this.add.text(90, yPosition, `• ${change}`, { fontSize: '18px', fill: '#FFFFFF' }); scrollablePanel.add(changeText); yPosition += 30; }); yPosition += 20; }); // Add scrolling functionality this.input.on('wheel', (pointer, gameObjects, deltaX, deltaY, deltaZ) => { if (scrollablePanel.y - deltaY > -yPosition + 400 && scrollablePanel.y - deltaY <= 120) { scrollablePanel.y -= deltaY; } }); const closeButton = this.add.text(720, 60, 'X', { fontSize: '32px', fontStyle: 'bold', fill: '#FFFFFF', backgroundColor: '#FF0000', padding: { left: 15, right: 15, top: 10, bottom: 10 } }).setInteractive({ useHandCursor: true }); logElements.push(closeButton); closeButton.on('pointerdown', () => { logElements.forEach(element => element.destroy()); scrollablePanel.destroy(); mask.destroy(); }); } } class PlayScreen extends Phaser.Scene { constructor() { super('PlayScreen'); } init() { this.rabbits = []; this.coins = 0; this.lives = 3; this.upgrades = { extraLives: 0, doubleCoin: 0 }; this.doubleCoinTimer = null; this.doubleCoinActive = false; this.gameOver = false; this.goldenRabbitTimer = null; this.isPaused = false; } init() { this.rabbits = []; this.coins = 0; this.lives = 3; this.upgrades = { extraLives: 0, doubleCoin: 0 }; this.doubleCoinTimer = null; this.doubleCoinActive = false; this.gameOver = false; this.goldenRabbitTimer = null; } create() { // Create gradient background const gradient = this.add.graphics(); gradient.fillGradientStyle(0x4ECDC4, 0x4ECDC4, 0x45B7A7, 0x45B7A7, 1); gradient.fillRect(0, 0, this.sys.game.config.width, this.sys.game.config.height); // Create a 3x3 grid of black oval holes const numHoles = 3; const holeWidth = 100; const holeHeight = 70; const spacingX = this.sys.game.config.width / (numHoles + 1); const spacingY = this.sys.game.config.height / (numHoles + 1); const offsetY = 20; // Move holes 20 pixels down const rabbitOffsetY = -15; // Move rabbits 15 pixels up for (let y = 0; y < numHoles; y++) { for (let x = 0; x < numHoles; x++) { const holeX = (x + 1) * spacingX; const holeY = (y + 1) * spacingY + offsetY; // Add black oval hole const hole = this.add.ellipse(holeX, holeY, holeWidth, holeHeight, 0x000000); hole.setDepth(0); // Add rabbit const rabbit = this.add.image(holeX, holeY + rabbitOffsetY, 'rabbit'); rabbit.setOrigin(0.5, 0.8); rabbit.setScale(0.12); rabbit.visible = false; rabbit.isGolden = false; this.tweens.add({ targets: rabbit, y: holeY + rabbitOffsetY - 30, duration: 200, ease: 'Sine.easeOut', yoyo: true, repeat: 0, hold: 400, onStart: () => { rabbit.visible = true; }, onComplete: () => { rabbit.visible = false; } }); rabbit.setDepth(1); rabbit.setInteractive(); rabbit.on('pointerdown', () => this.hitRabbit(rabbit)); this.rabbits.push(rabbit); } } // Start the game loop this.gameLoop = this.time.addEvent({ delay: 1000, callback: this.popRabbit, callbackScope: this, loop: true }); // Start the golden rabbit timer this.startGoldenRabbitTimer(); // Create the hammer this.hammer = this.add.image(0, 0, 'hammer'); this.hammer.setOrigin(0.15, 0.85); this.hammer.setScale(0.12); this.hammer.setDepth(2); // Add coin counter this.add.image(50, 50, 'coin').setScale(0.06).setDepth(2); this.coinText = this.add.text(90, 34, '0', { fontSize: '28px', fontStyle: 'bold', fill: '#FFD700', stroke: '#000000', strokeThickness: 3 }).setDepth(2); // Add hearts for lives at the top center of the screen this.hearts = []; const centerX = this.sys.game.config.width / 2; for (let i = 0; i < 3; i++) { const heart = this.add.image(centerX + (i - 1) * 40, 30, 'heart'); heart.setScale(0.06); heart.setDepth(2); this.hearts.push(heart); } // Add Upgrade button (moved to the right corner) const upgradeButton = this.add.text(this.sys.game.config.width - 10, 10, 'Upgrade', { fontSize: '24px', fontStyle: 'bold', fill: '#FFFFFF', backgroundColor: '#FF6B6B', padding: { left: 10, right: 10, top: 5, bottom: 5 }, stroke: '#000000', strokeThickness: 2 }).setInteractive({ useHandCursor: true }); upgradeButton.setOrigin(1, 0); // Set origin to top-right corner upgradeButton.on('pointerdown', () => this.openUpgradeMenu()); upgradeButton.setDepth(2); // Add Cheat button const cheatButton = this.add.text(20, 580, 'Cheat', { fontSize: '16px', fontStyle: 'bold', fill: '#FFFFFF', backgroundColor: '#FFA726', padding: { left: 8, right: 8, top: 4, bottom: 4 }, stroke: '#000000', strokeThickness: 1 }).setInteractive({ useHandCursor: true }); cheatButton.on('pointerdown', () => this.scene.launch('CheatCodeScene')); cheatButton.setAlpha(0.2); cheatButton.setDepth(2); cheatButton.on('pointerover', () => cheatButton.setAlpha(0.6)); cheatButton.on('pointerout', () => cheatButton.setAlpha(0.2)); } openUpgradeMenu() { this.scene.pause(); this.scene.launch('UpgradeScene'); } update() { const pointer = this.input.activePointer; this.hammer.x = pointer.x; this.hammer.y = pointer.y; if (pointer.isDown) { this.hammer.rotation += 0.3; this.hammer.setScale(0.13); } else { this.hammer.rotation = Math.sin(this.time.now / 200) * 0.1; this.hammer.setScale(0.12); } } popRabbit() { if (!this.gameOver && !this.isPaused && !this.scene.isActive('CheatCodeScene')) { const rabbit = Phaser.Utils.Array.GetRandom(this.rabbits); rabbit.visible = true; rabbit.wasHit = false; rabbit.isGolden = Math.random() < 0.001; // 0.1% chance for golden rabbit (1 in 1000) rabbit.setTexture(rabbit.isGolden ? 'goldenRabbit' : 'rabbit'); rabbit.setTint(rabbit.isGolden ? 0xFFD700 : 0xFFFFFF); this.time.delayedCall(800, () => { if (rabbit.visible && !rabbit.wasHit && !this.isPaused && !this.scene.isActive('CheatCodeScene')) { this.loseLife(); } rabbit.visible = false; }); } } loseLife() { if (!this.isPaused && !this.scene.isActive('CheatCodeScene')) { this.lives--; this.updateLifeDisplay(); if (this.lives <= 0) { if (this.upgrades.extraLives > 0) { this.upgrades.extraLives--; this.lives = 1; this.updateLifeDisplay(); } else { this.endGame(); } } } } updateLifeDisplay() { const totalLives = this.lives + this.upgrades.extraLives; for (let i = 0; i < this.hearts.length; i++) { this.hearts[i].setAlpha(i < totalLives ? 1 : 0.3); } } endGame() { this.gameOver = true; this.gameLoop.remove(); const gameOverText = this.add.text(400, 250, 'Game Over', { fontSize: '64px', fontStyle: 'bold', fill: '#FF0000', stroke: '#000000', strokeThickness: 6 }).setOrigin(0.5); this.tweens.add({ targets: gameOverText, scale: 1.2, duration: 1000, ease: 'Bounce', yoyo: true, repeat: -1 }); // Add 'Again' button const againButton = this.add.text(400, 350, 'Play Again', { fontSize: '32px', fontStyle: 'bold', fill: '#FFFFFF', backgroundColor: '#4CAF50', padding: { left: 20, right: 20, top: 10, bottom: 10 }, stroke: '#000000', strokeThickness: 2 }).setOrigin(0.5).setInteractive({ useHandCursor: true }); againButton.on('pointerover', () => againButton.setStyle({ fill: '#FFFF00' })); againButton.on('pointerout', () => againButton.setStyle({ fill: '#FFFFFF' })); againButton.on('pointerdown', () => this.restartGame()); } restartGame() { this.scene.restart(); } hitRabbit(rabbit) { if (rabbit.visible) { rabbit.visible = false; rabbit.wasHit = true; const baseCoins = rabbit.isGolden ? 5 : 1; const coinsEarned = this.doubleCoinActive ? baseCoins * 2 : baseCoins; this.coins += coinsEarned; this.coinText.setText(this.coins.toString()); const coinEffect = this.add.image(rabbit.x, rabbit.y - 20, 'coin'); coinEffect.setScale(0.08); coinEffect.setDepth(2); coinEffect.setTint(rabbit.isGolden ? 0xFFD700 : 0xFFFFFF); this.tweens.add({ targets: coinEffect, y: coinEffect.y - 50, alpha: 0, duration: 1000, ease: 'Power1', onComplete: () => { coinEffect.destroy(); } }); if (rabbit.isGolden) { const bonusText = this.add.text(rabbit.x, rabbit.y - 40, '+5', { fontSize: '24px', fontStyle: 'bold', fill: '#FFD700', stroke: '#000000', strokeThickness: 3 }).setOrigin(0.5); this.tweens.add({ targets: bonusText, y: bonusText.y - 50, alpha: 0, duration: 1000, ease: 'Power1', onComplete: () => { bonusText.destroy(); } }); } } } startGoldenRabbitTimer() { this.goldenRabbitTimer = this.time.addEvent({ delay: Phaser.Math.Between(60000, 120000), // Random delay between 1 and 2 minutes callback: this.spawnGoldenRabbit, callbackScope: this, loop: true }); } spawnGoldenRabbit() { const goldenRabbit = Phaser.Utils.Array.GetRandom(this.rabbits); goldenRabbit.visible = true; goldenRabbit.wasHit = false; goldenRabbit.isGolden = true; goldenRabbit.setTexture('goldenRabbit'); goldenRabbit.setTint(0xFFD700); this.time.delayedCall(1000, () => { if (goldenRabbit.visible && !goldenRabbit.wasHit) { goldenRabbit.visible = false; goldenRabbit.isGolden = false; goldenRabbit.setTexture('rabbit'); goldenRabbit.clearTint(); } }); } addExtraHeart() { const lastHeart = this.hearts[this.hearts.length - 1]; const newX = lastHeart.x + 40; const newY = lastHeart.y; const newHeart = this.add.image(newX, newY, 'heart'); newHeart.setScale(0.06); newHeart.setAlpha(0); newHeart.setDepth(2); this.hearts.push(newHeart); this.tweens.add({ targets: newHeart, alpha: 1, scale: 0.08, duration: 500, ease: 'Bounce.easeOut', onComplete: () => { this.tweens.add({ targets: newHeart, scale: 0.06, duration: 200, ease: 'Sine.easeInOut' }); if (this.gameOver) { this.resumeGame(); } } }); this.updateLifeDisplay(); } resumeGame() { this.gameOver = false; this.lives = 1; this.updateLifeDisplay(); this.children.getAll().forEach(child => { if (child instanceof Phaser.GameObjects.Text && child.text === 'Game Over') { child.destroy(); } }); this.gameLoop = this.time.addEvent({ delay: 1000, callback: this.popRabbit, callbackScope: this, loop: true }); } activateCheat() { this.isPaused = true; this.scene.pause(); if (this.gameLoop) { this.gameLoop.paused = true; } if (this.goldenRabbitTimer) { this.goldenRabbitTimer.paused = true; } this.rabbits.forEach(rabbit => { if (rabbit.visible) { this.tweens.killTweensOf(rabbit); this.time.removeAllEvents(rabbit); } }); this.scene.launch('CheatCodeScene'); this.input.keyboard.enabled = false; } applyCheat() { this.coins += 50; this.coinText.setText(this.coins.toString()); const cheatMessage = this.add.text(400, 300, '+50 Coins!', { fontSize: '48px', fontStyle: 'bold', fill: '#FFD700', stroke: '#000000', strokeThickness: 6 }).setOrigin(0.5); this.tweens.add({ targets: cheatMessage, y: 200, alpha: 0, duration: 2000, ease: 'Power2', onComplete: () => cheatMessage.destroy() }); } startResumeCountdown() { this.isPaused = true; let timeLeft = 3; const countdownText = this.add.text(400, 300, `Game resumes in ${timeLeft}`, { fontSize: '48px', fontStyle: 'bold', fill: '#FFFFFF', stroke: '#000000', strokeThickness: 6 }).setOrigin(0.5); const countdownTimer = this.time.addEvent({ delay: 1000, repeat: 2, callback: () => { timeLeft--; countdownText.setText(`Game resumes in ${timeLeft}`); if (timeLeft === 0) { countdownText.destroy(); this.isPaused = false; if (this.gameLoop) { this.gameLoop.paused = false; } if (this.goldenRabbitTimer) { this.goldenRabbitTimer.paused = false; } this.scene.resume(); } } }); } } class UpgradeScene extends Phaser.Scene { constructor() { super('UpgradeScene'); } create() { const gradient = this.add.graphics(); gradient.fillGradientStyle(0x45B7A7, 0x45B7A7, 0x1E8449, 0x1E8449, 1); gradient.fillRect(0, 0, 800, 600); const title = this.add.text(400, 70, 'Upgrade Shop', { fontSize: '48px', fontStyle: 'bold', fill: '#FFFFFF', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); const backButton = this.add.text(400, 520, 'Back to Game', { fontSize: '24px', fontStyle: 'bold', fill: '#FFFFFF', backgroundColor: '#FF6B6B', padding: { left: 20, right: 20, top: 10, bottom: 10 }, stroke: '#000000', strokeThickness: 2 }).setOrigin(0.5).setInteractive({ useHandCursor: true }); backButton.on('pointerover', () => backButton.setStyle({ fill: '#4CAF50' })); backButton.on('pointerout', () => backButton.setStyle({ fill: '#FFFFFF' })); backButton.on('pointerdown', () => this.startGameTimer()); this.timerText = this.add.text(400, 570, '', { fontSize: '24px', fill: '#FFFFFF', stroke: '#000000', strokeThickness: 2 }).setOrigin(0.5); const coinIcon = this.add.image(20, 20, 'coin').setScale(0.06); this.coinText = this.add.text(60, 20, `${this.scene.get('PlayScreen').coins}`, { fontSize: '24px', fontStyle: 'bold', fill: '#FFD700', stroke: '#000000', strokeThickness: 3 }).setOrigin(0, 0.5); const upgradeOptions = [{ name: 'Extra Lives', cost: 10, key: 'extraLives', icon: 'heart' }, { name: 'Double Coins', cost: 20, key: 'doubleCoin', icon: 'coin' }]; upgradeOptions.forEach((option, index) => { const x = 200 + index * 400; const y = 300; const upgradeBox = this.add.rectangle(x, y, 300, 300, 0xFFFFFF, 0.1) .setStrokeStyle(2, 0xFFFFFF, 0.5); const icon = this.add.image(x, y - 80, option.icon).setScale(0.15); const nameText = this.add.text(x, y - 20, option.name, { fontSize: '24px', fontStyle: 'bold', fill: '#FFFFFF', stroke: '#000000', strokeThickness: 2 }).setOrigin(0.5); const costText = this.add.text(x, y + 20, `Cost: ${option.cost} coins`, { fontSize: '20px', fill: '#FFD700', stroke: '#000000', strokeThickness: 2 }).setOrigin(0.5); const buyButton = this.add.text(x, y + 80, 'Buy', { fontSize: '24px', fontStyle: 'bold', fill: '#FFFFFF', backgroundColor: '#FF6B6B', padding: { left: 20, right: 20, top: 10, bottom: 10 }, stroke: '#000000', strokeThickness: 2 }).setOrigin(0.5).setInteractive({ useHandCursor: true }); buyButton.on('pointerover', () => buyButton.setStyle({ fill: '#4CAF50' })); buyButton.on('pointerout', () => buyButton.setStyle({ fill: '#FFFFFF' })); buyButton.on('pointerdown', () => this.buyUpgrade(option)); }); } startGameTimer() { let timeLeft = 3; this.timerText.setText(`Returning to game in ${timeLeft} seconds`); const timerEvent = this.time.addEvent({ delay: 1000, callback: () => { timeLeft--; this.timerText.setText(`Returning to game in ${timeLeft} seconds`); if (timeLeft <= 0) { this.scene.stop(); this.scene.resume('PlayScreen'); } }, repeat: 2 }); } buyUpgrade(option) { const mainScene = this.scene.get('PlayScreen'); if (mainScene.coins >= option.cost) { mainScene.coins -= option.cost; mainScene.upgrades[option.key]++; this.coinText.setText(`${mainScene.coins}`); mainScene.coinText.setText(mainScene.coins.toString()); if (option.key === 'extraLives') { mainScene.addExtraHeart(); } else if (option.key === 'doubleCoin') { this.startDoubleCoinTimer(mainScene); } const message = this.add.text(400, 480, 'Upgrade purchased!', { fontSize: '28px', fontStyle: 'bold', fill: '#00FF00', stroke: '#000000', strokeThickness: 3 }).setOrigin(0.5); this.tweens.add({ targets: message, alpha: { from: 1, to: 0 }, duration: 1000, ease: 'Power2', onComplete: () => message.destroy() }); } else { const message = this.add.text(400, 480, 'Not enough coins!', { fontSize: '28px', fontStyle: 'bold', fill: '#FF0000', stroke: '#000000', strokeThickness: 3 }).setOrigin(0.5); this.tweens.add({ targets: message, alpha: { from: 1, to: 0 }, duration: 1000, ease: 'Power2', onComplete: () => message.destroy() }); } } startDoubleCoinTimer(mainScene) { if (mainScene.doubleCoinTimer) { mainScene.doubleCoinTimer.remove(); } mainScene.doubleCoinActive = true; mainScene.doubleCoinTimer = mainScene.time.delayedCall(12000, () => { mainScene.doubleCoinActive = false; }); } } class CheatCodeScene extends Phaser.Scene { constructor() { super('CheatCodeScene'); } create() { this.add.rectangle(0, 0, 800, 600, 0x000000, 0.7).setOrigin(0); this.add.text(400, 200, 'Enter Cheat Code', { fontSize: '32px', fill: '#FFFFFF', stroke: '#000000', strokeThickness: 3 }).setOrigin(0.5); this.codeText = this.add.text(400, 300, '____', { fontSize: '48px', fill: '#FFFFFF', fontFamily: 'monospace', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); this.enteredCode = ''; this.input.keyboard.on('keydown', this.handleKeyPress, this); this.add.text(400, 500, 'Press ESC to cancel', { fontSize: '24px', fill: '#FFFFFF', stroke: '#000000', strokeThickness: 2 }).setOrigin(0.5); this.input.keyboard.on('keydown-ESC', this.closeCheatScene, this); } handleKeyPress(event) { if (event.keyCode >= 48 && event.keyCode <= 57) { if (this.enteredCode.length < 4) { this.enteredCode += event.key; this.codeText.setText(this.enteredCode.padEnd(4, '_')); if (this.enteredCode.length === 4) { this.checkCode(); } } } } checkCode() { if (this.enteredCode === '2006') { this.scene.get('PlayScreen').applyCheat(); this.showMessage('Cheat Activated!', '#00FF00'); this.time.delayedCall(1000, this.closeCheatScene, [], this); } else { this.showMessage('Invalid Code', '#FF0000'); this.codeText.setText('____'); this.enteredCode = ''; } } showMessage(text, color) { const message = this.add.text(400, 400, text, { fontSize: '32px', fill: color, stroke: '#000000', strokeThickness: 3 }).setOrigin(0.5); this.time.delayedCall(1000, () => { message.destroy(); }); } closeCheatScene() { this.scene.stop(); const playScreen = this.scene.get('PlayScreen'); playScreen.input.keyboard.enabled = true; playScreen.startResumeCountdown(); } } const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 800, height: 600, scene: [MainMenu, PlayScreen, UpgradeScene, CheatCodeScene] }; window.phaserGame = new Phaser.Game(config);