// Note for Rosie AI: The program is too long for you to return the whole thing in your response as you have a character limit, // Please only include the classes in this script that you have made changes to and return the full script of each class you make changes to. class MainMenu extends Phaser.Scene { constructor() { super('MainMenu'); } preload() { this.load.image('background1', 'https://play.rosebud.ai/assets/IMG_1726.jpeg?rcT2'); this.load.image('background2', 'https://play.rosebud.ai/assets/A huge white room with nothing in it but bare walls and a toilet with nothing in it except a singular toilet all the way in the back.png?Yh1N'); this.load.audio('backgroundMusic', 'https://play.rosebud.ai/assets/Untitled (3).mp3?JV7t'); } create() { if (!this.sound.get('backgroundMusic')) { this.backgroundMusic = this.sound.add('backgroundMusic', { loop: true, volume: 0.1 }); this.backgroundMusic.play(); } this.createMuteButton(); this.backgroundImage = this.add.image(200, 320, 'background2') .setOrigin(0.5) .setDisplaySize(400, 640) .setDepth(-1); // Ensure the background is behind other elements // Adjust background to cover full screen this.scale.on('resize', this.resizeBackground, this); this.resizeBackground(); // Retrieve and display high score const highScore = localStorage.getItem('highScore') || 0; this.add.text(200, 620, `High Score: ${highScore}`, { fontSize: '24px', fontFamily: 'Arial, sans-serif', fontStyle: 'bold', fill: '#FFFFFF', align: 'center', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); const titleText1 = 'Games for'; const titleText2 = 'POOPING'; const title1 = this.add.text(200, 80, titleText1, { fontSize: '48px', fontFamily: 'Arial, sans-serif', fontStyle: 'bold', fill: '#FFFF00', align: 'center', stroke: '#ADFF2F', strokeThickness: 8 }).setOrigin(0.5); const title2 = this.add.text(200, 130, titleText2, { fontSize: '48px', fontFamily: 'Arial, sans-serif', fontStyle: 'bold', fill: '#8B4513', // Brown color align: 'center', stroke: '#FFA500', // Yellowish orange stroke strokeThickness: 8 }).setOrigin(0.5); // Add shadow to both parts title1.setShadow(5, 5, 'rgba(0,0,0,0.5)', 5); title2.setShadow(5, 5, 'rgba(0,0,0,0.5)', 5); // Add a simple animation this.tweens.add({ targets: [title1, title2], scale: { from: 0.95, to: 1.05 }, duration: 1000, yoyo: true, repeat: -1 }); const buttonColor = 0x8B4513; // Brown color const buttonTextColor = '#FFFFFF'; const buttonHoverColor = 0xA0522D; // Slightly lighter brown for hover effect const buttonOutlineColor = 0xFFA500; // Yellowish orange color for the outline (same as POOPING text stroke) const createButton = (y, text, callback) => { const button = this.add.graphics(); button.fillStyle(buttonColor, 1); button.lineStyle(4, buttonOutlineColor, 1); button.fillRoundedRect(75, y - 30, 250, 60, 15); button.strokeRoundedRect(75, y - 30, 250, 60, 15); const buttonText = this.add.text(200, y, text, { fontSize: '28px', fill: buttonTextColor }).setOrigin(0.5); const hitArea = new Phaser.Geom.Rectangle(75, y - 30, 250, 60); button.setInteractive(hitArea, Phaser.Geom.Rectangle.Contains); button.on('pointerover', () => { button.clear(); button.fillStyle(buttonHoverColor, 1); button.lineStyle(4, buttonOutlineColor, 1); button.fillRoundedRect(75, y - 30, 250, 60, 15); button.strokeRoundedRect(75, y - 30, 250, 60, 15); }); button.on('pointerout', () => { button.clear(); button.fillStyle(buttonColor, 1); button.lineStyle(4, buttonOutlineColor, 1); button.fillRoundedRect(75, y - 30, 250, 60, 15); button.strokeRoundedRect(75, y - 30, 250, 60, 15); }); button.on('pointerdown', () => { // Invert colors button.clear(); button.fillStyle(buttonTextColor, 1); button.lineStyle(4, buttonOutlineColor, 1); button.fillRoundedRect(75, y - 30, 250, 60, 15); button.strokeRoundedRect(75, y - 30, 250, 60, 15); buttonText.setColor('#8B4513'); }); button.on('pointerup', () => { // Revert colors and call the callback button.clear(); button.fillStyle(buttonColor, 1); button.lineStyle(4, buttonOutlineColor, 1); button.fillRoundedRect(75, y - 30, 250, 60, 15); button.strokeRoundedRect(75, y - 30, 250, 60, 15); buttonText.setColor(buttonTextColor); callback(); }); return { button, buttonText }; }; const frenzyButton = createButton(300, 'Start POOPING', () => { this.scene.start('MicroGames', { mode: 'frenzy', isQuickDump: false }); }); const quickDumpButton = createButton(380, 'Quick Dump', () => { this.scene.start('MicroGames', { mode: 'frenzy', isQuickDump: true }); }); const miniGameButton = createButton(460, 'Potty Training', () => { this.scene.start('MiniGameSelection'); }); } resizeBackground() { if (this.backgroundImage && this.game.config.width && this.game.config.height) { const scaleX = this.game.config.width / this.backgroundImage.width; const scaleY = this.game.config.height / this.backgroundImage.height; const scale = Math.max(scaleX, scaleY); this.backgroundImage.setScale(scale).setScrollFactor(0); this.backgroundImage.x = this.game.config.width / 2; this.backgroundImage.y = this.game.config.height / 2; this.backgroundImage.setOrigin(0.5); } } } // Modify this method in the base Scene class Phaser.Scene.prototype.createPersistentBackground = function() { const backgroundKey = this.scene.key === 'MainMenu' ? 'background2' : 'background1'; this.backgroundImage = this.add.image(this.game.config.width / 2, this.game.config.height / 2, backgroundKey) .setOrigin(0.5) .setDepth(-1); const resizeBackground = () => { if (this.backgroundImage && this.game.config.width && this.game.config.height) { const scaleX = this.game.config.width / this.backgroundImage.width; const scaleY = this.game.config.height / this.backgroundImage.height; const scale = Math.max(scaleX, scaleY); this.backgroundImage.setScale(scale).setScrollFactor(0); } }; resizeBackground(); this.scale.on('resize', resizeBackground, this); }; // Add this method to the base Scene class Phaser.Scene.prototype.createMuteButton = function() { const buttonBackground = this.add.circle(this.game.config.width - 30, 30, 20, 0x000000, 0.5); const muteButton = this.add.text(this.game.config.width - 30, 30, '🔊', { fontSize: '32px', color: '#FFFFFF' }).setOrigin(0.5).setInteractive(); const muteContainer = this.add.container(0, 0, [buttonBackground, muteButton]); muteContainer.setDepth(1000); muteContainer.setScrollFactor(0); muteButton.on('pointerdown', () => { const backgroundMusic = this.sound.get('backgroundMusic'); if (backgroundMusic) { if (backgroundMusic.isPlaying) { backgroundMusic.pause(); muteButton.setText('🔇'); } else { backgroundMusic.resume(); muteButton.setText('🔊'); } } }); return muteContainer; }; class MicroGames extends Phaser.Scene { constructor() { super('MicroGames'); this.score = 0; this.timeLeft = 60; this.scoreText = null; this.timeText = null; this.currentGame = null; this.tryAgainButton = null; this.mode = 'frenzy'; this.selectedGame = null; this.isQuickDump = false; this.games = [{ base: 'swipeDirection', variant: 'swipeDirectionVariant' }, { base: 'tapNumber', variant: 'tapNumberVariant' }, { base: 'colorMemory', variant: 'colorMemoryVariant' }, { base: 'balloonPop', variant: 'balloonPopVariant' }, { base: 'whackAMole', variant: 'whackAMoleVariant' }]; this.gameChangeInterval = 5; // Change game every 5 seconds this.playedGames = []; this.games = [{ base: 'swipeDirection', variant: 'swipeDirectionVariant' }, { base: 'tapNumber', variant: 'tapNumberVariant' }, { base: 'colorMemory', variant: 'colorMemoryVariant' }, { base: 'balloonPop', variant: 'balloonPopVariant' }, { base: 'whackAMole', variant: 'whackAMoleVariant' }]; this.gameStarted = false; this.startButton = null; this.timerEvent = null; this.gameChangeInterval = 5; // Change game every 5 seconds this.recentlyPlayedGames = []; this.gameChangeEvent = null; this.currentGameScore = 0; this.lastMessage = ''; } preload() { this.load.image('arrow', 'https://labs.phaser.io/assets/sprites/arrow.png'); this.load.image('background1', 'https://play.rosebud.ai/assets/IMG_1726.jpeg?rcT2'); this.load.image('background2', 'https://play.rosebud.ai/assets/A huge white room with nothing in it but bare walls and a toilet with nothing in it except a singular toilet all the way in the back.png?Yh1N'); } create(data) { this.backgroundImage = this.add.image(200, 320, 'background1') .setOrigin(0.5) .setDisplaySize(400, 640) .setDepth(-1); this.mode = data.mode || 'frenzy'; this.selectedGame = data.selectedGame; this.isQuickDump = data.isQuickDump || false; // Ensure background music continues playing if (!this.sound.get('backgroundMusic')) { this.backgroundMusic = this.sound.add('backgroundMusic', { loop: true, volume: 0.1 }); this.backgroundMusic.play(); } this.muteButton = this.createMuteButton(); this.muteButton.setDepth(1000); this.scoreText = this.add.text(16, 16, 'Score: 0', { fontSize: '24px', fill: '#FFFF00', stroke: '#000000', strokeThickness: 2 }).setDepth(1); const initialTime = this.getInitialTime(); this.timeText = this.add.text(16, 48, 'Time: ' + initialTime, { fontSize: '24px', fill: '#FFFF00', stroke: '#000000', strokeThickness: 2 }).setDepth(1); this.startButton = this.createThemedButton(200, 300, 'POOP!', () => this.startGame(), '(Start)'); this.backButton = this.createSmallButton(50, 610, 'Back', () => this.scene.start('MainMenu')); // Reset game state this.score = 0; this.timeLeft = initialTime; this.gameStarted = false; this.currentGame = null; this.lastPlayedGame = null; this.lastPlayedType = null; this.gameChangeInterval = this.isQuickDump ? 2 : 5; // Change game every 2 or 5 seconds } getInitialTime() { if (this.mode === 'frenzy') { return this.isQuickDump ? 30 : 60; } else { return this.isQuickDump ? 5 : 10; } } startGame() { if (this.gameStarted) return; this.gameStarted = true; if (this.startButton) { if (this.startButton.button) this.startButton.button.destroy(); if (this.startButton.buttonText) this.startButton.buttonText.destroy(); this.startButton = null; } if (this.backButton) { if (this.backButton.button) this.backButton.button.destroy(); if (this.backButton.buttonText) this.backButton.buttonText.destroy(); this.backButton = null; } this.timerEvent = this.time.addEvent({ delay: 1000, callback: this.updateTimer, callbackScope: this, loop: true }); if (this.mode === 'frenzy') { this.startRandomGame(); } else { this.startSelectedGame(); } } startRandomGame() { this.currentGameScore = 0; this.clearCurrentGame(); // If all games have been played, reset the played games list if (this.playedGames.length >= this.games.length * 2) { this.playedGames = []; } // Filter out the played games let availableGames = this.games.filter(game => !this.playedGames.includes(game.base) && !this.playedGames.includes(game.variant) ); // If no games are available, reset and try again if (availableGames.length === 0) { this.playedGames = []; availableGames = this.games; } // Select a random game from the available games const randomGame = Phaser.Utils.Array.GetRandom(availableGames); // Choose either base or variant let selectedType, selectedGame; if (!this.playedGames.includes(randomGame.base) && !this.playedGames.includes(randomGame.variant)) { selectedType = Math.random() < 0.5 ? 'base' : 'variant'; } else if (!this.playedGames.includes(randomGame.base)) { selectedType = 'base'; } else { selectedType = 'variant'; } selectedGame = randomGame[selectedType]; // Add the selected game to the played games list this.playedGames.push(selectedGame); // Create the new game instance this.currentGame = this.createGameInstance(selectedGame); if (this.gameChangeEvent) { this.gameChangeEvent.remove(false); } this.gameChangeEvent = this.time.addEvent({ delay: this.gameChangeInterval * 1000, callback: this.endCurrentGame, callbackScope: this, loop: false }); } startSelectedGame() { this.clearCurrentGame(); let gameClass = this.getGameClass(this.selectedGame); if (gameClass) { this.currentGame = new gameClass(this); } else { console.error('Invalid game selected:', this.selectedGame); this.scene.start('MainMenu'); } } getGameClass(selectedGame) { switch (selectedGame) { case 'swipedirection': return SwipeDirectionGame; case 'tapnumber': return TapNumberGame; case 'colormemory': return ColorMemoryGame; case 'balloonpop': return BalloonPopGame; case 'whackamole': return WhackAMoleGame; default: return null; } } createGameInstance(selectedGame) { switch (selectedGame) { case 'swipeDirection': return new SwipeDirectionGame(this); case 'swipeDirectionVariant': return new SwipeDirectionVariantGame(this); case 'tapNumber': return new TapNumberGame(this); case 'tapNumberVariant': return new TapNumberVariantGame(this); case 'colorMemory': return new ColorMemoryGame(this); case 'colorMemoryVariant': return new ColorMemoryVariantGame(this); case 'balloonPop': return new BalloonPopGame(this); case 'balloonPopVariant': return new BalloonPopVariantGame(this); case 'whackAMole': return new WhackAMoleGame(this); case 'whackAMoleVariant': return new WhackAMoleVariantGame(this); } } updateTimer() { this.timeLeft = Math.max(0, this.timeLeft - 1); this.timeText.setText('Time: ' + this.timeLeft); if (this.timeLeft <= 0) { this.endGame(); } } updateScore(points) { this.score += points; this.currentGameScore += points; this.scoreText.setText('Score: ' + this.score); const color = points > 0 ? 0x00ff00 : 0xff0000; const flash = this.add.rectangle(0, 0, this.sys.game.config.width, this.sys.game.config.height, color); flash.setAlpha(0.3); flash.setOrigin(0, 0); this.tweens.add({ targets: flash, alpha: 0, duration: 200, ease: 'Power2', onComplete: () => { flash.destroy(); } }); } clearCurrentGame() { if (this.currentGame) { this.currentGame.destroy(); this.currentGame = null; } this.children.getAll().forEach(child => { if (child !== this.scoreText && child !== this.timeText && child !== this.backgroundImage && child !== this.muteButton) { child.destroy(); } }); } endCurrentGame() { this.clearCurrentGame(); if (this.gameChangeEvent) { this.gameChangeEvent.remove(false); } if (this.timerEvent) { this.timerEvent.paused = true; } let message, color; const positiveMessages = [ 'Good job!', 'Wow!', 'Fantastic!', 'Awesome!', 'Great work!', 'You rock!', 'Incredible!', 'Superb!', 'Outstanding!', 'Excellent!' ]; const negativeMessages = [ 'Too slow', 'Oh no!', '🥴', 'Almost!', 'Nope!', '???!', 'So close!', 'Stay focused!', 'Concentrate!', 'uhhh..' ]; const threshold = this.isQuickDump ? 1.5 : 3; if (this.currentGameScore > threshold) { do { message = Phaser.Math.RND.pick(positiveMessages); } while (message === this.lastMessage); color = '#00FF00'; } else { do { message = Phaser.Math.RND.pick(negativeMessages); } while (message === this.lastMessage); color = '#FF0000'; } this.lastMessage = message; const feedbackText = this.add.text(200, 300, message, { fontSize: '48px', fill: color }).setOrigin(0.5); this.time.delayedCall(1000, () => { feedbackText.destroy(); if (this.timerEvent) { this.timerEvent.paused = false; } this.startRandomGame(); }); } endGame() { this.clearCurrentGame(); if (this.timerEvent) { this.timerEvent.remove(); } if (this.gameChangeEvent) { this.gameChangeEvent.remove(); } // Update high score if necessary const currentHighScore = parseInt(localStorage.getItem('highScore')) || 0; if (this.score > currentHighScore) { localStorage.setItem('highScore', this.score); } // Add "Game Over" text with the same style as "POOPING" this.add.text(200, 200, 'Game Over', { fontSize: '48px', fontFamily: 'Arial, sans-serif', fontStyle: 'bold', fill: '#8B4513', // Brown color align: 'center', stroke: '#FFA500', // Yellowish orange stroke strokeThickness: 8 }).setOrigin(0.5).setShadow(5, 5, 'rgba(0,0,0,0.5)', 5).setDepth(1); // Add final score text this.add.text(200, 300, 'Final Score: ' + this.score, { fontSize: '36px', fontFamily: 'Arial, sans-serif', fill: '#FFFF00', align: 'center', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5).setDepth(1); this.createTryAgainButton(); this.createMainMenuButton(); this.muteButton.setDepth(1000); } createMainMenuButton() { this.createThemedButton(200, 500, 'Main Menu', () => this.scene.start('MainMenu')); } createTryAgainButton() { this.createThemedButton(200, 400, 'Try Again', () => this.resetGame()); } createThemedButton(x, y, text, callback, smallText = '') { const buttonColor = 0x8B4513; // Brown color const buttonTextColor = '#FFFFFF'; const buttonHoverColor = 0xA0522D; // Slightly lighter brown for hover effect const buttonOutlineColor = 0xFFA500; // Yellowish orange color for the outline const button = this.add.graphics(); button.fillStyle(buttonColor, 1); button.lineStyle(4, buttonOutlineColor, 1); button.fillRoundedRect(x - 125, y - 30, 250, 60, 15); button.strokeRoundedRect(x - 125, y - 30, 250, 60, 15); const buttonText = this.add.text(x, y, text, { fontSize: '28px', fill: buttonTextColor, align: 'center' }).setOrigin(0.5); if (smallText) { const smallTextObject = this.add.text(x - 120, y - 25, smallText, { fontSize: '14px', fill: buttonTextColor }).setOrigin(0, 0); } const hitArea = new Phaser.Geom.Rectangle(x - 125, y - 30, 250, 60); button.setInteractive(hitArea, Phaser.Geom.Rectangle.Contains); button.on('pointerover', () => { button.clear(); button.fillStyle(buttonHoverColor, 1); button.lineStyle(4, buttonOutlineColor, 1); button.fillRoundedRect(x - 125, y - 30, 250, 60, 15); button.strokeRoundedRect(x - 125, y - 30, 250, 60, 15); }); button.on('pointerout', () => { button.clear(); button.fillStyle(buttonColor, 1); button.lineStyle(4, buttonOutlineColor, 1); button.fillRoundedRect(x - 125, y - 30, 250, 60, 15); button.strokeRoundedRect(x - 125, y - 30, 250, 60, 15); }); button.on('pointerdown', callback); return { button, buttonText }; } createSmallButton(x, y, text, callback) { const buttonColor = 0x8B4513; // Brown color const buttonTextColor = '#FFFFFF'; const buttonHoverColor = 0xA0522D; // Slightly lighter brown for hover effect const buttonOutlineColor = 0xFFA500; // Yellowish orange color for the outline const button = this.add.graphics(); button.fillStyle(buttonColor, 1); button.lineStyle(2, buttonOutlineColor, 1); button.fillRoundedRect(x - 40, y - 15, 80, 30, 10); button.strokeRoundedRect(x - 40, y - 15, 80, 30, 10); const buttonText = this.add.text(x, y, text, { fontSize: '16px', fill: buttonTextColor }).setOrigin(0.5); const hitArea = new Phaser.Geom.Rectangle(x - 40, y - 15, 80, 30); button.setInteractive(hitArea, Phaser.Geom.Rectangle.Contains); button.on('pointerover', () => { button.clear(); button.fillStyle(buttonHoverColor, 1); button.lineStyle(2, buttonOutlineColor, 1); button.fillRoundedRect(x - 40, y - 15, 80, 30, 10); button.strokeRoundedRect(x - 40, y - 15, 80, 30, 10); }); button.on('pointerout', () => { button.clear(); button.fillStyle(buttonColor, 1); button.lineStyle(2, buttonOutlineColor, 1); button.fillRoundedRect(x - 40, y - 15, 80, 30, 10); button.strokeRoundedRect(x - 40, y - 15, 80, 30, 10); }); button.on('pointerdown', callback); return { button, buttonText }; } resetGame() { this.score = 0; this.timeLeft = 60; this.gameStarted = false; this.lastPlayedGame = null; this.lastPlayedType = null; this.recentlyPlayedGames = []; this.currentGameScore = 0; if (this.tryAgainButton) { this.tryAgainButton.destroy(); this.tryAgainButton = null; } this.scene.restart(); } } class SwipeDirectionGame { constructor(scene) { this.scene = scene; this.arrow = null; this.directions = ['up', 'down', 'left', 'right']; this.currentDirection = ''; this.previousDirection = ''; this.swipeText = null; this.swipeTextTween = null; this.create(); } create() { this.arrow = this.scene.add.image(200, 300, 'arrow').setScale(0.5); this.scene.input.on('pointerup', this.checkSwipe, this); this.setNewDirection(); this.createSwipeText(); } setNewDirection() { let newDirection; do { if (Math.random() < 0.9) { newDirection = Phaser.Utils.Array.GetRandom( this.directions.filter(dir => dir !== this.previousDirection) ); } else { newDirection = Phaser.Utils.Array.GetRandom(this.directions); } } while (newDirection === this.currentDirection); this.previousDirection = this.currentDirection; this.currentDirection = newDirection; this.arrow.angle = this.getAngleFromDirection(this.currentDirection); } getAngleFromDirection(direction) { switch (direction) { case 'up': return 270; case 'down': return 90; case 'left': return 180; case 'right': return 0; } } createSwipeText() { this.swipeText = this.scene.add.text(200, 600, 'SWIPE!!', { fontSize: '40px', fontStyle: 'bold', fill: '#FFFF00', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); this.swipeTextTween = this.scene.tweens.add({ targets: this.swipeText, props: { scale: { from: 1, to: 1.2 }, angle: { from: -5, to: 5 }, y: { from: 600, to: 590 }, alpha: { from: 1, to: 0.8 } }, duration: 100, ease: 'Linear', yoyo: true, repeat: -1 }); this.scene.tweens.add({ targets: this.swipeText, props: { fillColor: { from: 0xFFFF00, to: 0xFFFFFF } }, duration: 200, ease: 'Linear', yoyo: true, repeat: -1 }); } checkSwipe(pointer) { const swipeTime = pointer.upTime - pointer.downTime; const swipe = new Phaser.Geom.Point(pointer.upX - pointer.downX, pointer.upY - pointer.downY); const swipeMagnitude = Phaser.Geom.Point.GetMagnitude(swipe); const swipeNormal = new Phaser.Geom.Point(swipe.x / swipeMagnitude, swipe.y / swipeMagnitude); if (swipeTime < 1000 && swipeMagnitude > 20) { if (swipeNormal.y > 0.8 && this.currentDirection === 'down') this.correctSwipe(); else if (swipeNormal.y < -0.8 && this.currentDirection === 'up') this.correctSwipe(); else if (swipeNormal.x > 0.8 && this.currentDirection === 'right') this.correctSwipe(); else if (swipeNormal.x < -0.8 && this.currentDirection === 'left') this.correctSwipe(); else this.wrongSwipe(); } } correctSwipe() { this.scene.updateScore(1); this.setNewDirection(); } wrongSwipe() { this.scene.updateScore(-1); } destroy() { if (this.arrow) { this.arrow.destroy(); } if (this.swipeText) { this.swipeText.destroy(); } if (this.swipeTextTween) { this.swipeTextTween.stop(); this.swipeTextTween.remove(); } this.scene.input.off('pointerup', this.checkSwipe, this); } } class SwipeDirectionVariantGame { constructor(scene) { this.scene = scene; this.arrow = null; this.directions = ['up', 'down', 'left', 'right']; this.currentDirection = ''; this.previousDirection = ''; this.swipeText = null; this.swipeTextTween = null; this.create(); } create() { this.arrow = this.scene.add.image(200, 300, 'arrow').setScale(0.5); this.scene.input.on('pointerup', this.checkSwipe, this); this.setNewDirection(); this.createSwipeText(); } setNewDirection() { let newDirection; do { if (Math.random() < 0.9) { newDirection = Phaser.Utils.Array.GetRandom( this.directions.filter(dir => dir !== this.previousDirection) ); } else { newDirection = Phaser.Utils.Array.GetRandom(this.directions); } } while (newDirection === this.currentDirection); this.previousDirection = this.currentDirection; this.currentDirection = newDirection; this.arrow.angle = this.getAngleFromDirection(this.currentDirection); } getAngleFromDirection(direction) { switch (direction) { case 'up': return 270; case 'down': return 90; case 'left': return 180; case 'right': return 0; } } createSwipeText() { this.swipeText = this.scene.add.text(200, 600, 'SWIPE!!', { fontSize: '40px', fontStyle: 'bold', fill: '#FFFF00', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5).setAngle(180); this.swipeTextTween = this.scene.tweens.add({ targets: this.swipeText, props: { scale: { from: 1, to: 1.2 }, angle: { from: 175, to: 185 }, y: { from: 600, to: 590 }, alpha: { from: 1, to: 0.8 } }, duration: 100, ease: 'Linear', yoyo: true, repeat: -1 }); this.scene.tweens.add({ targets: this.swipeText, props: { fillColor: { from: 0xFFFF00, to: 0xFFFFFF } }, duration: 200, ease: 'Linear', yoyo: true, repeat: -1 }); } checkSwipe(pointer) { const swipeTime = pointer.upTime - pointer.downTime; const swipe = new Phaser.Geom.Point(pointer.upX - pointer.downX, pointer.upY - pointer.downY); const swipeMagnitude = Phaser.Geom.Point.GetMagnitude(swipe); const swipeNormal = new Phaser.Geom.Point(swipe.x / swipeMagnitude, swipe.y / swipeMagnitude); if (swipeTime < 1000 && swipeMagnitude > 20) { if (swipeNormal.y > 0.8 && this.currentDirection === 'up') this.correctSwipe(); else if (swipeNormal.y < -0.8 && this.currentDirection === 'down') this.correctSwipe(); else if (swipeNormal.x > 0.8 && this.currentDirection === 'left') this.correctSwipe(); else if (swipeNormal.x < -0.8 && this.currentDirection === 'right') this.correctSwipe(); else this.wrongSwipe(); } } correctSwipe() { this.scene.updateScore(1); this.setNewDirection(); } wrongSwipe() { this.scene.updateScore(-1); } destroy() { if (this.arrow) { this.arrow.destroy(); } if (this.swipeText) { this.swipeText.destroy(); } if (this.swipeTextTween) { this.swipeTextTween.stop(); this.swipeTextTween.remove(); } this.scene.input.off('pointerup', this.checkSwipe, this); } } class TapNumberGame { constructor(scene) { this.scene = scene; this.numbers = []; this.highlightedNumber = null; this.redText = null; this.redTextTween = null; this.create(); } create() { for (let i = 0; i < 9; i++) { const x = (i % 3) * 100 + 100; const y = Math.floor(i / 3) * 100 + 200; const number = this.scene.add.text(x, y, i + 1, { fontSize: '48px', fill: '#00FF00' }).setOrigin(0.5).setInteractive(); number.on('pointerdown', () => this.onNumberTap(i + 1)); this.numbers.push(number); } this.highlightRandomNumber(); this.createRedText(); } highlightRandomNumber() { this.numbers.forEach(number => number.setColor('#00FF00')); this.highlightedNumber = Phaser.Utils.Array.GetRandom(this.numbers); this.highlightedNumber.setColor('#FF0000'); } onNumberTap(number) { if (this.numbers[number - 1] === this.highlightedNumber) { this.scene.updateScore(1); this.highlightRandomNumber(); } else { this.scene.updateScore(-1); } } createRedText() { this.redText = this.scene.add.text(200, 600, 'RED RED RED!', { fontSize: '40px', fontStyle: 'bold', fill: '#00FF00', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); this.redTextTween = this.scene.tweens.add({ targets: this.redText, props: { scale: { from: 1, to: 1.2 }, angle: { from: -5, to: 5 }, y: { from: 600, to: 590 }, alpha: { from: 1, to: 0.8 } }, duration: 100, ease: 'Linear', yoyo: true, repeat: -1 }); this.scene.tweens.add({ targets: this.redText, props: { fillColor: { from: 0x00FF00, to: 0xFFFFFF } }, duration: 200, ease: 'Linear', yoyo: true, repeat: -1 }); } destroy() { this.numbers.forEach(number => { number.off('pointerdown'); number.destroy(); }); this.numbers = []; if (this.redText) { this.redText.destroy(); } if (this.redTextTween) { this.redTextTween.stop(); this.redTextTween.remove(); } } } class TapNumberVariantGame { constructor(scene) { this.scene = scene; this.numbers = []; this.highlightedNumber = null; this.blueText = null; this.blueTextTween = null; this.create(); } create() { for (let i = 0; i < 9; i++) { const x = (i % 3) * 100 + 100; const y = Math.floor(i / 3) * 100 + 200; const number = this.scene.add.text(x, y, i + 1, { fontSize: '48px', fill: '#FF00FF' }).setOrigin(0.5).setInteractive(); number.on('pointerdown', () => this.onNumberTap(i + 1)); this.numbers.push(number); } this.highlightRandomNumber(); this.createBlueText(); } highlightRandomNumber() { this.numbers.forEach(number => number.setColor('#FF00FF')); this.highlightedNumber = Phaser.Utils.Array.GetRandom(this.numbers); this.highlightedNumber.setColor('#00FFFF'); } onNumberTap(number) { if (this.numbers[number - 1] === this.highlightedNumber) { this.scene.updateScore(1); this.highlightRandomNumber(); } else { this.scene.updateScore(-1); } } createBlueText() { this.blueText = this.scene.add.text(200, 600, 'BLUE BLUE BLUE!', { fontSize: '40px', fontStyle: 'bold', fill: '#FF00FF', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); this.blueTextTween = this.scene.tweens.add({ targets: this.blueText, props: { scale: { from: 1, to: 1.2 }, angle: { from: -5, to: 5 }, y: { from: 600, to: 590 }, alpha: { from: 1, to: 0.8 } }, duration: 100, ease: 'Linear', yoyo: true, repeat: -1 }); this.scene.tweens.add({ targets: this.blueText, props: { fillColor: { from: 0xFF00FF, to: 0xFFFFFF } }, duration: 200, ease: 'Linear', yoyo: true, repeat: -1 }); } destroy() { this.numbers.forEach(number => { number.off('pointerdown'); number.destroy(); }); this.numbers = []; if (this.blueText) { this.blueText.destroy(); } if (this.blueTextTween) { this.blueTextTween.stop(); this.blueTextTween.remove(); } } } class ColorMemoryGame { constructor(scene) { this.scene = scene; this.colors = [0xff0000, 0x00ff00, 0x0000ff, 0xffff00]; this.currentColor = null; this.colorCircle = null; this.choiceCircles = []; this.gameTimer = null; this.loadingTimer = null; this.chooseText = null; this.chooseTextTween = null; this.create(); } create() { this.showColorCircle(); this.gameTimer = this.scene.time.addEvent({ delay: 5000, callback: this.scene.endCurrentGame, callbackScope: this.scene }); this.createChooseText(); } showColorCircle() { this.currentColor = Phaser.Utils.Array.GetRandom(this.colors); this.colorCircle = this.scene.add.circle(200, 300, 100, this.currentColor); this.loadingTimer = this.scene.time.delayedCall(500, () => { if (this.colorCircle) { this.colorCircle.destroy(); this.colorCircle = null; } this.showChoices(); }); } showChoices() { let shuffledColors = Phaser.Utils.Array.Shuffle([...this.colors]); for (let i = 0; i < 4; i++) { let choiceCircle = this.scene.add.circle(100 + (i % 2) * 200, 250 + Math.floor(i / 2) * 200, 50, shuffledColors[i]); choiceCircle.setInteractive(); choiceCircle.on('pointerdown', () => this.onColorChosen(shuffledColors[i])); this.choiceCircles.push(choiceCircle); } } onColorChosen(chosenColor) { if (chosenColor === this.currentColor) { this.scene.updateScore(1); } else { this.scene.updateScore(-1); } this.resetGame(); } resetGame() { this.choiceCircles.forEach(circle => circle.destroy()); this.choiceCircles = []; this.showColorCircle(); } createChooseText() { this.chooseText = this.scene.add.text(200, 600, 'Choose!!', { fontSize: '40px', fontStyle: 'bold', fill: '#FFFF00', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); this.chooseTextTween = this.scene.tweens.add({ targets: this.chooseText, props: { scale: { from: 1, to: 1.2 }, angle: { from: -5, to: 5 }, y: { from: 600, to: 590 }, alpha: { from: 1, to: 0.8 } }, duration: 100, ease: 'Linear', yoyo: true, repeat: -1 }); this.scene.tweens.add({ targets: this.chooseText, props: { fillColor: { from: 0xFFFF00, to: 0xFFFFFF } }, duration: 200, ease: 'Linear', yoyo: true, repeat: -1 }); } destroy() { if (this.colorCircle) { this.colorCircle.destroy(); this.colorCircle = null; } this.choiceCircles.forEach(circle => { circle.off('pointerdown'); circle.destroy(); }); this.choiceCircles = []; if (this.gameTimer) { this.gameTimer.remove(); } if (this.loadingTimer) { this.loadingTimer.remove(); } if (this.chooseText) { this.chooseText.destroy(); } if (this.chooseTextTween) { this.chooseTextTween.stop(); this.chooseTextTween.remove(); } } } class ColorMemoryVariantGame { constructor(scene) { this.scene = scene; this.colors = [0xff00ff, 0x00ffff, 0xffa500, 0x800080]; this.currentColor = null; this.colorCircle = null; this.choiceCircles = []; this.gameTimer = null; this.loadingTimer = null; this.chooseText = null; this.chooseTextTween = null; this.create(); } create() { this.showColorCircle(); this.gameTimer = this.scene.time.addEvent({ delay: 5000, callback: this.scene.endCurrentGame, callbackScope: this.scene }); this.createChooseText(); } showColorCircle() { this.currentColor = Phaser.Utils.Array.GetRandom(this.colors); this.colorCircle = this.scene.add.circle(200, 300, 100, this.currentColor); this.loadingTimer = this.scene.time.delayedCall(500, () => { if (this.colorCircle) { this.colorCircle.destroy(); this.colorCircle = null; } this.showChoices(); }); } showChoices() { let shuffledColors = Phaser.Utils.Array.Shuffle([...this.colors]); for (let i = 0; i < 4; i++) { let choiceCircle = this.scene.add.circle(100 + (i % 2) * 200, 250 + Math.floor(i / 2) * 200, 50, shuffledColors[i]); choiceCircle.setInteractive(); choiceCircle.on('pointerdown', () => this.onColorChosen(shuffledColors[i])); this.choiceCircles.push(choiceCircle); } } onColorChosen(chosenColor) { if (chosenColor === this.currentColor) { this.scene.updateScore(1); } else { this.scene.updateScore(-1); } this.resetGame(); } resetGame() { this.choiceCircles.forEach(circle => circle.destroy()); this.choiceCircles = []; this.showColorCircle(); } createChooseText() { this.chooseText = this.scene.add.text(200, 600, 'Pick Color!', { fontSize: '40px', fontStyle: 'bold', fill: '#FFFF00', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); this.chooseTextTween = this.scene.tweens.add({ targets: this.chooseText, props: { scale: { from: 1, to: 1.2 }, angle: { from: -5, to: 5 }, y: { from: 600, to: 590 }, alpha: { from: 1, to: 0.8 } }, duration: 100, ease: 'Linear', yoyo: true, repeat: -1 }); this.scene.tweens.add({ targets: this.chooseText, props: { fillColor: { from: 0xFFFF00, to: 0xFFFFFF } }, duration: 200, ease: 'Linear', yoyo: true, repeat: -1 }); } destroy() { if (this.colorCircle) { this.colorCircle.destroy(); this.colorCircle = null; } this.choiceCircles.forEach(circle => { circle.off('pointerdown'); circle.destroy(); }); this.choiceCircles = []; if (this.gameTimer) { this.gameTimer.remove(); } if (this.loadingTimer) { this.loadingTimer.remove(); } if (this.chooseText) { this.chooseText.destroy(); } if (this.chooseTextTween) { this.chooseTextTween.stop(); this.chooseTextTween.remove(); } } } class BalloonPopGame { constructor(scene) { this.scene = scene; this.balloon = null; this.popText = null; this.popTextTween = null; this.taps = 0; this.maxTaps = 3; this.poppedBalloons = 0; this.create(); } create() { this.balloon = this.scene.add.circle(200, 300, 50, 0xff0000); this.createPopText(); this.scene.input.on('pointerdown', this.onTap, this); } createPopText() { this.popText = this.scene.add.text(200, 500, 'Inflate!!', { fontSize: '40px', fontStyle: 'bold', fill: '#FFFF00', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); this.popTextTween = this.scene.tweens.add({ targets: this.popText, props: { scale: { from: 1, to: 1.2 }, angle: { from: -5, to: 5 }, y: { from: 500, to: 490 }, alpha: { from: 1, to: 0.8 } }, duration: 50, ease: 'Linear', yoyo: true, repeat: -1 }); this.scene.tweens.add({ targets: this.popText, props: { fillColor: { from: 0xFFFF00, to: 0xFFFFFF } }, duration: 100, ease: 'Linear', yoyo: true, repeat: -1 }); } onTap() { this.taps++; this.balloon.setScale(1 + (this.taps / this.maxTaps)); if (this.taps >= this.maxTaps) { this.popBalloon(); } } popBalloon() { this.scene.updateScore(1); this.poppedBalloons++; this.maxTaps += 3; this.reset(); } reset() { this.taps = 0; this.balloon.setScale(1); this.updatePopText(); } updatePopText() { // No need to update the text, it will always say "Inflate!!" } destroy() { this.balloon.destroy(); this.popText.destroy(); if (this.popTextTween) { this.popTextTween.stop(); this.popTextTween.remove(); } this.scene.input.off('pointerdown', this.onTap, this); } } class BalloonPopVariantGame extends BalloonPopGame { constructor(scene) { super(scene); this.maxTaps = 4; // Start with 4 taps for the variant game } create() { super.create(); this.balloon.setFillStyle(0x00ff00); } createPopText() { this.popText = this.scene.add.text(200, 500, 'Inflate!!', { fontSize: '40px', fontStyle: 'bold', fill: '#00FFFF', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); this.popTextTween = this.scene.tweens.add({ targets: this.popText, props: { scale: { from: 1, to: 1.2 }, angle: { from: -5, to: 5 }, y: { from: 500, to: 490 }, alpha: { from: 1, to: 0.8 } }, duration: 40, ease: 'Linear', yoyo: true, repeat: -1 }); this.scene.tweens.add({ targets: this.popText, props: { fillColor: { from: 0x00FFFF, to: 0xFFFFFF } }, duration: 80, ease: 'Linear', yoyo: true, repeat: -1 }); this.updatePopText(); } popBalloon() { this.scene.updateScore(1); this.poppedBalloons++; this.maxTaps += 4; // Increase by 4 for the variant game this.reset(); } } class WhackAMoleGame { constructor(scene) { this.scene = scene; this.dots = []; this.greenDotIndex = null; this.whackText = null; this.whackTextTween = null; this.create(); } create() { for (let i = 0; i < 6; i++) { const dot = this.scene.add.circle(100 + (i % 3) * 100, 150 + Math.floor(i / 3) * 150, 30, 0xff0000); dot.setInteractive(); dot.on('pointerdown', () => this.onDotTap(i)); this.dots.push(dot); } this.setRandomGreenDot(); this.createWhackText(); } setRandomGreenDot() { if (this.greenDotIndex !== null) { this.dots[this.greenDotIndex].setFillStyle(0xff0000); } this.greenDotIndex = Phaser.Math.Between(0, 5); this.dots[this.greenDotIndex].setFillStyle(0x00ff00); } onDotTap(index) { if (index === this.greenDotIndex) { this.scene.updateScore(1); this.setRandomGreenDot(); } else { this.scene.updateScore(-1); } } createWhackText() { this.whackText = this.scene.add.text(200, 500, "WHACK 'EM", { fontSize: '40px', fontStyle: 'bold', fill: '#FFFF00', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); this.whackTextTween = this.scene.tweens.add({ targets: this.whackText, props: { scale: { from: 1, to: 1.2 }, angle: { from: -5, to: 5 }, y: { from: 500, to: 490 }, alpha: { from: 1, to: 0.8 } }, duration: 100, ease: 'Linear', yoyo: true, repeat: -1 }); } destroy() { this.dots.forEach(dot => { dot.off('pointerdown'); dot.destroy(); }); if (this.whackText) { this.whackText.destroy(); } if (this.whackTextTween) { this.whackTextTween.stop(); this.whackTextTween.remove(); } } } class WhackAMoleVariantGame extends WhackAMoleGame { constructor(scene) { super(scene); } create() { for (let i = 0; i < 6; i++) { const dot = this.scene.add.circle(100 + (i % 3) * 100, 150 + Math.floor(i / 3) * 150, 30, 0xff00ff); dot.setInteractive(); dot.on('pointerdown', () => this.onDotTap(i)); this.dots.push(dot); } this.setRandomGreenDot(); this.createWhackText(); } setRandomGreenDot() { if (this.greenDotIndex !== null) { this.dots[this.greenDotIndex].setFillStyle(0xff00ff); } this.greenDotIndex = Phaser.Math.Between(0, 5); this.dots[this.greenDotIndex].setFillStyle(0x00ffff); } createWhackText() { this.whackText = this.scene.add.text(200, 500, "WHACK 'EM", { fontSize: '40px', fontStyle: 'bold', fill: '#00FFFF', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); this.whackTextTween = this.scene.tweens.add({ targets: this.whackText, props: { scale: { from: 1, to: 1.2 }, angle: { from: -5, to: 5 }, y: { from: 500, to: 490 }, alpha: { from: 1, to: 0.8 } }, duration: 100, ease: 'Linear', yoyo: true, repeat: -1 }); } } class MiniGameSelection extends Phaser.Scene { constructor() { super('MiniGameSelection'); } preload() { this.load.image('background1', 'https://play.rosebud.ai/assets/IMG_1726.jpeg?rcT2'); this.load.image('background2', 'https://play.rosebud.ai/assets/A huge white room with nothing in it but bare walls and a toilet with nothing in it except a singular toilet all the way in the back.png?Yh1N'); } create() { // Ensure background music continues playing if (!this.sound.get('backgroundMusic')) { this.backgroundMusic = this.sound.add('backgroundMusic', { loop: true, volume: 0.1 }); this.backgroundMusic.play(); } this.createPersistentBackground(); this.muteButton = this.createMuteButton(); this.muteButton.setDepth(1000); const buttonColor = 0x8B4513; // Brown color const buttonTextColor = '#FFFFFF'; const buttonHoverColor = 0xA0522D; // Slightly lighter brown for hover effect const buttonOutlineColor = 0xFFA500; // Yellowish orange color for the outline this.add.text(200, 80, 'Select a Mini Game', { fontSize: '36px', fill: '#FFFF00', stroke: '#ADFF2F', strokeThickness: 4 }).setOrigin(0.5); const createButton = (y, text, callback) => { const button = this.add.graphics(); button.fillStyle(buttonColor, 1); button.lineStyle(4, buttonOutlineColor, 1); button.fillRoundedRect(75, y - 30, 250, 60, 15); button.strokeRoundedRect(75, y - 30, 250, 60, 15); const buttonText = this.add.text(200, y, text, { fontSize: '24px', fill: buttonTextColor }).setOrigin(0.5); const hitArea = new Phaser.Geom.Rectangle(75, y - 30, 250, 60); button.setInteractive(hitArea, Phaser.Geom.Rectangle.Contains); button.on('pointerover', () => { button.clear(); button.fillStyle(buttonHoverColor, 1); button.lineStyle(4, buttonOutlineColor, 1); button.fillRoundedRect(75, y - 30, 250, 60, 15); button.strokeRoundedRect(75, y - 30, 250, 60, 15); }); button.on('pointerout', () => { button.clear(); button.fillStyle(buttonColor, 1); button.lineStyle(4, buttonOutlineColor, 1); button.fillRoundedRect(75, y - 30, 250, 60, 15); button.strokeRoundedRect(75, y - 30, 250, 60, 15); }); button.on('pointerdown', () => { callback(); }); return { button, buttonText }; }; const games = [{ name: 'Wipe It', id: 'swipedirection' }, { name: 'Tap That Crap', id: 'tapnumber' }, { name: 'Toilet Tints', id: 'colormemory' }, { name: 'Bubble Trouble', id: 'balloonpop' }, { name: 'Plop-a-Hole', id: 'whackamole' }]; games.forEach((game, index) => { const y = 180 + index * 80; createButton(y, game.name, () => { this.scene.start('MicroGames', { mode: 'mini', selectedGame: game.id }); }); }); this.createSmallButton(50, 610, 'Back', () => this.scene.start('MainMenu')); } createSmallButton(x, y, text, callback) { const buttonColor = 0x8B4513; // Brown color const buttonTextColor = '#FFFFFF'; const buttonHoverColor = 0xA0522D; // Slightly lighter brown for hover effect const buttonOutlineColor = 0xFFA500; // Yellowish orange color for the outline const button = this.add.graphics(); button.fillStyle(buttonColor, 1); button.lineStyle(2, buttonOutlineColor, 1); button.fillRoundedRect(x - 40, y - 15, 80, 30, 10); button.strokeRoundedRect(x - 40, y - 15, 80, 30, 10); const buttonText = this.add.text(x, y, text, { fontSize: '16px', fill: buttonTextColor }).setOrigin(0.5); const hitArea = new Phaser.Geom.Rectangle(x - 40, y - 15, 80, 30); button.setInteractive(hitArea, Phaser.Geom.Rectangle.Contains); button.on('pointerover', () => { button.clear(); button.fillStyle(buttonHoverColor, 1); button.lineStyle(2, buttonOutlineColor, 1); button.fillRoundedRect(x - 40, y - 15, 80, 30, 10); button.strokeRoundedRect(x - 40, y - 15, 80, 30, 10); }); button.on('pointerout', () => { button.clear(); button.fillStyle(buttonColor, 1); button.lineStyle(2, buttonOutlineColor, 1); button.fillRoundedRect(x - 40, y - 15, 80, 30, 10); button.strokeRoundedRect(x - 40, y - 15, 80, 30, 10); }); button.on('pointerdown', callback); return { button, buttonText }; } } const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, width: 400, height: 640, }, width: 400, height: 640, scene: [MainMenu, MicroGames, MiniGameSelection], input: { activePointers: 2, multitouch: true } }; window.phaserGame = new Phaser.Game(config);