class NameInputScene extends Phaser.Scene { constructor() { super('NameInputScene'); this.playerUniqueId = null; } addHoverEffect(button) { button.on('pointerover', () => { this.tweens.add({ targets: button, scale: 1.1, duration: 100 }); }); button.on('pointerout', () => { this.tweens.add({ targets: button, scale: 1, duration: 100 }); }); } preload() { this.load.image('background', 'https://play.rosebud.ai/assets/R.png?jD8j'); this.load.image('panel', 'https://play.rosebud.ai/assets/R.png?jD8j'); } create() { const background = this.add.image(400, 300, 'background'); background.setScale(0.2); const panel = this.add.rectangle(400, 300, 600, 400, 0x000000, 0.5); panel.setOrigin(0.5); this.add.text(400, 180, 'Welcome to Guess the Number!', { fontSize: '36px', fill: '#FFD700', fontFamily: 'Arial, sans-serif', fontStyle: 'bold', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); this.add.text(400, 240, 'Enter Your Name:', { fontSize: '28px', fill: '#FFFFFF', fontFamily: 'Arial, sans-serif', fontStyle: 'bold', stroke: '#000000', strokeThickness: 2 }).setOrigin(0.5); this.nameInput = this.add.dom(400, 300, 'input', { type: 'text', name: 'nameInput', placeholder: 'Your Name', style: 'font-size: 24px; width: 250px; padding: 10px; text-align: center; border-radius: 10px; border: none; background-color: #f0f0f0; color: #333;' }); const startButton = this.add.text(400, 380, 'Start Game', { fontSize: '32px', fill: '#00FFFF', fontFamily: 'Arial, sans-serif', fontStyle: 'bold', backgroundColor: '#4a4a4a', padding: { x: 24, y: 12 }, stroke: '#000000', strokeThickness: 2 }).setOrigin(0.5); startButton.setInteractive({ useHandCursor: true }); startButton.on('pointerdown', () => this.startGame()); this.addHoverEffect(startButton); // Add a pulsing animation to the start button this.tweens.add({ targets: startButton, scale: 1.05, duration: 800, yoyo: true, repeat: -1 }); } generateUniqueId() { return 'player_' + Math.random().toString(36).substr(2, 9); } startGame() { const playerName = this.nameInput.node.value.trim() || 'Anonymous'; this.playerUniqueId = this.generateUniqueId(); this.scene.start('InstructionsScene', { playerName: playerName, playerUniqueId: this.playerUniqueId }); } } class InstructionsScene extends Phaser.Scene { constructor() { super('InstructionsScene'); } addHoverEffect(button) { button.on('pointerover', () => { this.tweens.add({ targets: button, scale: 1.1, duration: 100 }); }); button.on('pointerout', () => { this.tweens.add({ targets: button, scale: 1, duration: 100 }); }); } init(data) { this.playerName = data.playerName; } preload() { this.load.image('background', 'https://play.rosebud.ai/assets/R.png?jD8j'); this.load.image('panel', 'https://play.rosebud.ai/assets/R.png?jD8j'); } create() { const background = this.add.image(400, 300, 'background'); background.setScale(0.2); const panel = this.add.rectangle(400, 300, 600, 500, 0x000000, 0.5); panel.setOrigin(0.5); this.add.text(400, 80, 'How to Play', { fontSize: '42px', fill: '#FFD700', fontFamily: 'Arial, sans-serif', fontStyle: 'bold', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); const instructions = [ "1. Choose a difficulty level: Easy, Medium, or Hard", "2. A secret number will be generated based on the difficulty", "3. You have limited attempts to guess the number", "4. Enter your guess and click 'Submit'", "5. You'll receive feedback if your guess is too high or too low", "6. Clues will be provided to help you guess the number", "7. Try to guess the number before you run out of attempts or time", "8. Earn points based on remaining attempts and time", "9. Unlock achievements as you play and improve your skills", "10. Try the Daily Challenge for a unique number each day!" ]; instructions.forEach((instruction, index) => { this.add.text(400, 140 + index * 42, instruction, { fontSize: '20px', fill: '#FFFFFF', fontFamily: 'Arial, sans-serif', align: 'center' }).setOrigin(0.5); }); const startButton = this.add.text(400, 550, 'Start Game', { fontSize: '32px', fill: '#00FFFF', fontFamily: 'Arial, sans-serif', fontStyle: 'bold', backgroundColor: '#4a4a4a', padding: { x: 24, y: 12 }, stroke: '#000000', strokeThickness: 2 }).setOrigin(0.5); startButton.setInteractive({ useHandCursor: true }); startButton.on('pointerdown', () => this.startGame()); this.addHoverEffect(startButton); // Add a pulsing animation to the start button this.tweens.add({ targets: startButton, scale: 1.05, duration: 800, yoyo: true, repeat: -1 }); } startGame() { this.scene.start('GuessTheNumber', { playerName: this.playerName }); } } class GuessTheNumber extends Phaser.Scene { constructor() { super('GuessTheNumber'); this.secretNumber = 0; this.attempts = 10; this.score = 0; this.difficulty = 'medium'; this.achievements = {}; this.totalWins = 0; this.timeLimit = 45; this.timeLeft = this.timeLimit; this.timer = null; this.playerName = ''; this.isDaily = false; this.pastGuesses = []; this.guessCounter = 0; } addHoverEffect(button) { button.on('pointerover', () => { this.tweens.add({ targets: button, scale: 1.1, duration: 100 }); }); button.on('pointerout', () => { this.tweens.add({ targets: button, scale: 1, duration: 100 }); }); } init(data) { this.playerName = data.playerName; this.playerUniqueId = data.playerUniqueId; this.loadPlayerAchievements(); } loadPlayerAchievements() { const allAchievements = JSON.parse(localStorage.getItem('allAchievements')) || {}; this.achievements = allAchievements[this.playerUniqueId] || { firstWin: false, fiveWins: false, tenWins: false, perfectGame: false, closeCall: false }; this.totalWins = parseInt(localStorage.getItem(`totalWins_${this.playerUniqueId}`)) || 0; } savePlayerAchievements() { const allAchievements = JSON.parse(localStorage.getItem('allAchievements')) || {}; allAchievements[this.playerUniqueId] = this.achievements; localStorage.setItem('allAchievements', JSON.stringify(allAchievements)); localStorage.setItem(`totalWins_${this.playerUniqueId}`, this.totalWins); } preload() { this.load.image('background', 'https://play.rosebud.ai/assets/R.png?jD8j'); this.load.image('panel', 'https://play.rosebud.ai/assets/R.png?jD8j'); this.load.image('button', 'https://play.rosebud.ai/assets/submit button.png?baCE'); this.load.image('achievementLocked', 'https://play.rosebud.ai/assets/R.png?jD8j'); this.load.image('achievementUnlocked', 'https://play.rosebud.ai/assets/R.png?jD8j'); } create() { const background = this.add.image(400, 300, 'background'); background.setScale(0.2); const panel = this.add.rectangle(400, 300, 600, 500, 0x000000, 0.5); panel.setOrigin(0.5); this.add.text(400, 60, 'Guess the Number', { fontSize: '38px', fill: '#FFD700', fontFamily: 'Arial, sans-serif', fontStyle: 'bold', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); this.add.text(400, 110, `Player: ${this.playerName}`, { fontSize: '28px', fill: '#98FB98', fontFamily: 'Arial, sans-serif', fontStyle: 'bold' }).setOrigin(0.5); this.add.text(400, 150, 'Select Difficulty:', { fontSize: '26px', fill: '#ADD8E6', fontFamily: 'Arial, sans-serif', fontStyle: 'bold' }).setOrigin(0.5); const buttonStyle = { fontSize: '22px', fill: '#FFFFFF', fontFamily: 'Arial, sans-serif', backgroundColor: '#4a4a4a', padding: { x: 12, y: 8 }, stroke: '#000000', strokeThickness: 2 }; const easyButton = this.add.text(120, 200, 'Easy', buttonStyle).setOrigin(0, 0.5).setInteractive({ useHandCursor: true }); const mediumButton = this.add.text(120, 250, 'Medium', buttonStyle).setOrigin(0, 0.5).setInteractive({ useHandCursor: true }); const hardButton = this.add.text(120, 300, 'Hard', buttonStyle).setOrigin(0, 0.5).setInteractive({ useHandCursor: true }); const dailyButton = this.add.text(120, 350, 'Daily Challenge', buttonStyle).setOrigin(0, 0.5).setInteractive({ useHandCursor: true }); easyButton.on('pointerdown', () => this.setDifficulty('easy')); mediumButton.on('pointerdown', () => this.setDifficulty('medium')); hardButton.on('pointerdown', () => this.setDifficulty('hard')); dailyButton.on('pointerdown', () => this.startDailyChallenge()); this.addHoverEffect(easyButton); this.addHoverEffect(mediumButton); this.addHoverEffect(hardButton); this.addHoverEffect(dailyButton); this.instructionsText = this.add.text(400, 200, '', { fontSize: '22px', fill: '#ADD8E6', fontFamily: 'Arial, sans-serif', align: 'center' }).setOrigin(0.5); this.guessInput = this.add.dom(400, 350, 'input', { type: 'number', name: 'guessInput', placeholder: 'Enter your guess', style: 'font-size: 22px; width: 180px; padding: 8px; text-align: center; border-radius: 10px; border: none; background-color: #f0f0f0; color: #333;' }); const submitButton = this.add.text(400, 400, 'Submit', { fontSize: '28px', fill: '#00FFFF', fontFamily: 'Arial, sans-serif', fontStyle: 'bold', backgroundColor: '#4a4a4a', padding: { x: 24, y: 12 }, stroke: '#000000', strokeThickness: 2 }).setOrigin(0.5); submitButton.setInteractive({ useHandCursor: true }); submitButton.on('pointerdown', () => this.checkGuess()); this.addHoverEffect(submitButton); this.feedbackText = this.add.text(400, 450, '', { fontSize: '26px', fill: '#FF69B4', fontFamily: 'Arial, sans-serif', fontStyle: 'bold', align: 'center' }).setOrigin(0.5); this.attemptsText = this.add.text(400, 490, '', { fontSize: '22px', fill: '#98FB98', fontFamily: 'Arial, sans-serif', fontStyle: 'bold' }).setOrigin(0.5); this.clueText = this.add.text(400, 530, '', { fontSize: '20px', fill: '#FFFF00', fontFamily: 'Arial, sans-serif', align: 'center', wordWrap: { width: 500 } }).setOrigin(0.5); this.scoreText = this.add.text(700, 30, `Score: ${this.score}`, { fontSize: '28px', fill: '#FFD700', fontFamily: 'Arial, sans-serif', fontStyle: 'bold', stroke: '#000000', strokeThickness: 2 }).setOrigin(1, 0.5); this.timerText = this.add.text(100, 30, `Time: ${this.timeLeft}`, { fontSize: '28px', fill: '#FF6347', fontFamily: 'Arial, sans-serif', fontStyle: 'bold', stroke: '#000000', strokeThickness: 2 }); this.pastGuessesText = this.add.text(100, 70, 'Past Guesses:', { fontSize: '22px', fill: '#ADD8E6', fontFamily: 'Arial, sans-serif', fontStyle: 'bold' }); this.createAchievementUI(); // Add a pulsing animation to the submit button this.tweens.add({ targets: submitButton, scale: 1.05, duration: 800, yoyo: true, repeat: -1 }); } createAchievementUI() { const achievementPanel = this.add.rectangle(700, 300, 180, 400, 0x000000, 0.7); achievementPanel.setOrigin(0.5); this.add.text(700, 120, 'Achievements', { fontSize: '24px', fill: '#FFD700', fontFamily: 'Arial, sans-serif', fontStyle: 'bold', stroke: '#000000', strokeThickness: 2 }).setOrigin(0.5); const achievements = [{ key: 'firstWin', name: 'First Win' }, { key: 'fiveWins', name: '5 Wins' }, { key: 'tenWins', name: '10 Wins' }, { key: 'perfectGame', name: 'Perfect Game' }, { key: 'closeCall', name: 'Close Call' }]; achievements.forEach((achievement, index) => { const y = 170 + index * 60; const image = this.add.image(620, y, this.achievements[achievement.key] ? 'achievementUnlocked' : 'achievementLocked'); image.setScale(0.1 * 0.2); this.add.text(640, y, achievement.name, { fontSize: '16px', fill: this.achievements[achievement.key] ? '#00FF00' : '#ADD8E6', fontFamily: 'Arial, sans-serif', fontStyle: 'bold' }).setOrigin(0, 0.5); }); } setDifficulty(difficulty) { this.difficulty = difficulty; this.isDaily = false; switch (difficulty) { case 'easy': this.secretNumber = Phaser.Math.Between(1, 50); this.attempts = 15; this.instructionsText.setText('Enter a number between 1 and 50'); break; case 'medium': this.secretNumber = Phaser.Math.Between(1, 100); this.attempts = 10; this.instructionsText.setText('Enter a number between 1 and 100'); break; case 'hard': this.secretNumber = Phaser.Math.Between(1, 200); this.attempts = 8; this.instructionsText.setText('Enter a number between 1 and 200'); break; } this.attemptsText.setText(`Attempts left: ${this.attempts}`); this.feedbackText.setText(''); this.clueText.setText(''); this.guessInput.node.value = ''; this.initialAttempts = this.attempts; this.pastGuesses = []; this.updatePastGuesses(); this.startTimer(); this.wackyQuestionCounter = 0; } startDailyChallenge() { this.isDaily = true; const today = new Date().toDateString(); const seed = today.split('').reduce((a, b) => a + b.charCodeAt(0), 0); this.secretNumber = (seed % 100) + 1; this.attempts = 10; this.timeLimit = 60; this.timeLeft = this.timeLimit; this.instructionsText.setText('Daily Challenge: Guess the number between 1 and 100'); this.attemptsText.setText(`Attempts left: ${this.attempts}`); this.feedbackText.setText(''); this.clueText.setText(''); this.guessInput.node.value = ''; this.initialAttempts = this.attempts; this.pastGuesses = []; this.updatePastGuesses(); this.startTimer(); this.wackyQuestionCounter = 0; } startTimer() { this.timeLeft = this.timeLimit; this.timerText.setText(`Time: ${this.timeLeft}`); if (this.timer) { this.timer.remove(); } this.timer = this.time.addEvent({ delay: 1000, callback: this.updateTimer, callbackScope: this, loop: true }); } updateTimer() { this.timeLeft--; this.timerText.setText(`Time: ${this.timeLeft}`); if (this.timeLeft <= 0) { this.checkGuess(true); } } generateWackyClue() { const number = this.secretNumber; const clues = [ `The number is ${number % 2 === 0 ? 'even' : 'odd'}.`, `The number is ${number % 3 === 0 ? '' : 'not '}divisible by 3.`, `The sum of its digits is ${String(number).split('').reduce((a, b) => parseInt(a) + parseInt(b), 0)}.`, `The number is ${number < 50 ? 'less than' : 'greater than or equal to'} 50.`, `The last digit of the number is ${number % 10}.`, `The first digit of the number is ${String(number)[0]}.`, `The number has ${String(number).length} digit${String(number).length > 1 ? 's' : ''}.`, `The number is ${number % 5 === 0 ? '' : 'not '}divisible by 5.`, `If you multiply the digits together, you get ${String(number).split('').reduce((a, b) => parseInt(a) * parseInt(b), 1)}.`, `The number is within ${10} of a multiple of 25.`, `The number in binary is ${number.toString(2)}.`, `The number in hexadecimal is ${number.toString(16).toUpperCase()}.`, `The square root of this number is ${Math.sqrt(number).toFixed(2)}.`, `This number plus its reverse is ${number + parseInt(String(number).split('').reverse().join(''))}.`, `The sum of this number and its square is ${number + number * number}.`, `The difference between this number and its cube root is ${(number - Math.cbrt(number)).toFixed(2)}.`, `If you divide 1000 by this number, you get ${(1000 / number).toFixed(2)}.`, `The closest prime number to this number is ${closestPrime(number)}.`, `The number of factors this number has is ${countFactors(number)}.`, `The sum of all numbers from 1 to this number is ${(number * (number + 1) / 2)}.` ]; if (this.difficulty === 'easy') { const easyClues = [ `The number is the same as the number of ${['legs on a cat', 'sides on a square', 'wheels on a car'][Math.floor(Math.random() * 3)]}.`, `If this number was a month, it would be ${['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][number - 1] || 'too high to be a month'}.`, `The number is the age when most people ${['start school', 'become teenagers', 'can drive a car', 'can vote', 'finish college'][Math.floor(number / 5)] || 'are quite old'}.` ]; clues.push(...easyClues); } // Select two different clues const firstClue = clues[Math.floor(Math.random() * clues.length)]; let secondClue = clues[Math.floor(Math.random() * clues.length)]; while (secondClue === firstClue) { secondClue = clues[Math.floor(Math.random() * clues.length)]; } return `1. ${firstClue}\n2. ${secondClue}`; } // Helper function to find the closest prime number closestPrime(n) { function isPrime(num) { for (let i = 2, sqrt = Math.sqrt(num); i <= sqrt; i++) if (num % i === 0) return false; return num > 1; } let lower = n, upper = n; while (true) { if (isPrime(lower)) return lower; if (isPrime(upper)) return upper; lower--; upper++; } } // Helper function to count factors countFactors(n) { let count = 0; for (let i = 1; i <= Math.sqrt(n); i++) { if (n % i === 0) { if (n / i === i) count++; else count += 2; } } return count; } generateWackyQuestion() { const number = this.secretNumber; const wackyQuestions = [{ question: `What is the sum of all digits in ${number}?`, answer: String(number).split('').reduce((a, b) => parseInt(a) + parseInt(b), 0) }, { question: `What is the last digit of ${number} multiplied by 7?`, answer: (number % 10) * 7 }, { question: `If you divide ${number} by 3, what is the remainder?`, answer: number % 3 }, { question: `What is the difference between ${number} and its reverse?`, answer: number - parseInt(String(number).split('').reverse().join('')) }, { question: `How many digits does ${number} have?`, answer: String(number).length }, { question: `What is the product of the first and last digit of ${number}?`, answer: parseInt(String(number)[0]) * (number % 10) }, { question: `If you add 10 to ${number}, what will be its last digit?`, answer: (number + 10) % 10 }, { question: `What is the absolute difference between ${number} and 100?`, answer: Math.abs(number - 100) }, { question: `If ${number} represents minutes, how many complete hours does it make?`, answer: Math.floor(number / 60) }, { question: `What is the sum of ${number} and its square root (rounded down)?`, answer: number + Math.floor(Math.sqrt(number)) }]; const selectedQuestion = wackyQuestions[Math.floor(Math.random() * wackyQuestions.length)]; return selectedQuestion.question; } checkGuess(timedOut = false) { if (timedOut) { this.feedbackText.setText('Time\'s up! Try again.'); this.attempts = 0; this.attemptsText.setText(`Attempts left: ${this.attempts}`); this.endGame(false); return; } const guess = parseInt(this.guessInput.node.value); let maxNumber = this.isDaily ? 100 : (this.difficulty === 'easy' ? 50 : this.difficulty === 'medium' ? 100 : 200); if (isNaN(guess) || guess < 1 || guess > maxNumber) { this.feedbackText.setText(`Please enter a valid number between 1 and ${maxNumber}!`); return; } this.attempts--; this.attemptsText.setText(`Attempts left: ${this.attempts}`); this.pastGuesses.push(guess); this.updatePastGuesses(); this.guessCounter++; if (guess === this.secretNumber) { this.feedbackText.setText('Congratulations! You\'ve guessed the number!'); this.clueText.setText(''); const timeBonus = Math.floor((this.timeLeft / this.timeLimit) * 50); let difficultyMultiplier = this.isDaily ? 3 : (this.difficulty === 'easy' ? 1 : this.difficulty === 'medium' ? 2 : 3); this.score += (this.attempts * 10 + timeBonus) * difficultyMultiplier; this.scoreText.setText(`Score: ${this.score}`); this.checkAchievements(true); this.endGame(true); } else if (this.attempts === 0) { this.feedbackText.setText(`Game over! The number was ${this.secretNumber}.`); this.clueText.setText(''); this.checkAchievements(false); this.endGame(false); } else { if (guess < this.secretNumber) { this.feedbackText.setText('Too low!'); } else { this.feedbackText.setText('Too high!'); } if (this.guessCounter % 3 === 0) { // Every third guess, show a wacky question const wackyQuestionAndAnswer = this.generateWackyQuestion(); this.clueText.setText(`Wacky Question:\n${wackyQuestionAndAnswer}`); } else { // For other guesses, show regular clues const clues = this.generateClues(); this.clueText.setText(`Clues:\n1. ${clues[0]}\n2. ${clues[1]}`); } } this.guessInput.node.value = ''; if (this.attempts > 0) { this.startTimer(); } } generateClues() { const number = this.secretNumber; const clues = [ `This number is ${number % 2 === 0 ? 'even' : 'odd'}.`, `The last digit of this number is ${number % 10}.`, `This number is ${number < 50 ? 'less than 50' : 'greater than or equal to 50'}.`, `If you add 10 to this number, you get ${number + 10}.`, `If you subtract 10 from this number, you get ${number - 10}.`, `This number has ${String(number).length} digit(s).`, `The sum of this number's digits is ${String(number).split('').reduce((a, b) => parseInt(a) + parseInt(b), 0)}.`, `This number is ${number % 5 === 0 ? '' : 'not '}divisible by 5.`, `The first digit of this number is ${String(number)[0]}.`, `If you double this number, you get ${number * 2}.`, `If you halve this number, you get ${number / 2}.`, `This number is ${Math.abs(number - 75)} away from 75.`, `This number is ${number % 3 === 0 ? '' : 'not '}divisible by 3.`, `If you multiply this number by 3, you get ${number * 3}.`, `The remainder when this number is divided by 4 is ${number % 4}.` ]; if (this.difficulty === 'easy') { clues.push(`This number is between ${Math.max(1, number - 5)} and ${Math.min(50, number + 5)}.`); } else if (this.difficulty === 'medium') { clues.push(`This number is between ${Math.max(1, number - 8)} and ${Math.min(100, number + 8)}.`); } else if (this.difficulty === 'hard') { clues.push(`This number is between ${Math.max(1, number - 15)} and ${Math.min(200, number + 15)}.`); } // Shuffle the clues array for (let i = clues.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [clues[i], clues[j]] = [clues[j], clues[i]]; } // Return the first two clues return clues.slice(0, 2); } digitalRoot(n) { if (n < 10) return n; return this.digitalRoot(String(n).split('').reduce((a, b) => parseInt(a) + parseInt(b), 0)); } closestPerfectSquare(n) { const sqrt = Math.sqrt(n); const lower = Math.floor(sqrt); const upper = Math.ceil(sqrt); return (n - lower * lower < upper * upper - n) ? lower * lower : upper * upper; } countFactors(n) { let count = 0; for (let i = 1; i <= Math.sqrt(n); i++) { if (n % i === 0) { if (n / i === i) count++; else count += 2; } } return count; } isPrime(n) { if (n <= 1) return false; for (let i = 2; i <= Math.sqrt(n); i++) { if (n % i === 0) return false; } return true; } updatePastGuesses() { const guessesText = this.pastGuesses.join(', '); this.pastGuessesText.setText(`Past Guesses: ${guessesText}`); } checkAchievements(won) { if (won) { this.totalWins++; const achievements = [{ key: 'firstWin', condition: () => this.totalWins === 1, name: 'First Win' }, { key: 'fiveWins', condition: () => this.totalWins >= 5, name: '5 Wins' }, { key: 'tenWins', condition: () => this.totalWins >= 10, name: '10 Wins' }, { key: 'perfectGame', condition: () => this.attempts === this.initialAttempts - 1, name: 'Perfect Game' }, { key: 'closeCall', condition: () => this.attempts === 1, name: 'Close Call' }]; achievements.forEach(achievement => { if (!this.achievements[achievement.key] && achievement.condition()) { this.achievements[achievement.key] = true; this.showAchievement(achievement.name); } }); } this.savePlayerAchievements(); this.createAchievementUI(); } showAchievement(achievement) { const achievementText = this.add.text(400, 550, `Achievement Unlocked: ${achievement}`, { fontSize: '28px', fill: '#00FF00', fontFamily: 'Arial, sans-serif', fontStyle: 'bold', stroke: '#000000', strokeThickness: 2 }).setOrigin(0.5); this.tweens.add({ targets: achievementText, y: 500, alpha: { from: 0, to: 1 }, duration: 2000, ease: 'Power2', yoyo: true, onComplete: () => achievementText.destroy() }); } endGame(won) { this.guessInput.setVisible(false); this.updateLeaderboard(); if (this.timer) { this.timer.remove(); } this.time.delayedCall(2000, () => { this.scene.start('EndScene', { won: won, score: this.score, difficulty: this.isDaily ? 'Daily Challenge' : this.difficulty, playerName: this.playerName }); }); } updateLeaderboard() { let leaderboard = JSON.parse(localStorage.getItem('globalLeaderboard')) || []; leaderboard.push({ name: this.playerName, score: this.score, difficulty: this.isDaily ? 'Daily Challenge' : this.difficulty }); leaderboard.sort((a, b) => b.score - a.score); leaderboard = leaderboard.slice(0, 10); // Keep only top 10 scores localStorage.setItem('globalLeaderboard', JSON.stringify(leaderboard)); } } class EndScene extends Phaser.Scene { constructor() { super('EndScene'); } addHoverEffect(button) { button.on('pointerover', () => { this.tweens.add({ targets: button, scale: button.scaleX * 1.1, duration: 100 }); }); button.on('po interout', () => { this.tweens.add({ targets: button, scale: button.scaleX / 1.1, duration: 100 }); }); } preload() { this.load.image('background', 'https://play.rosebud.ai/assets/R.png?jD8j'); this.load.image('panel', 'https://play.rosebud.ai/assets/R.png?jD8j'); this.load.image('button', 'https://play.rosebud.ai/assets/submit button.png?baCE'); } init(data) { this.won = data.won; this.score = data.score; this.difficulty = data.difficulty; this.playerName = data.playerName; this.bonusScore = data.bonusScore || 0; } create() { const background = this.add.image(400, 300, 'background'); background.setScale(0.2); const panel = this.add.rectangle(400, 300, 600, 500, 0x000000, 0.5); panel.setOrigin(0.5); const resultText = this.won ? 'Congratulations!' : 'Game Over!'; this.add.text(400, 80, resultText, { fontSize: '52px', fill: this.won ? '#00FF00' : '#FF6347', fontFamily: 'Arial, sans-serif', fontStyle: 'bold', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); this.add.text(400, 140, `Player: ${this.playerName}`, { fontSize: '28px', fill: '#98FB98', fontFamily: 'Arial, sans-serif', fontStyle: 'bold' }).setOrigin(0.5); this.add.text(400, 180, `Difficulty: ${this.difficulty.charAt(0).toUpperCase() + this.difficulty.slice(1)}`, { fontSize: '28px', fill: '#ADD8E6', fontFamily: 'Arial, sans-serif', fontStyle: 'bold' }).setOrigin(0.5); this.add.text(400, 220, `Your Score: ${this.score}`, { fontSize: '36px', fill: '#FFD700', fontFamily: 'Arial, sans-serif', fontStyle: 'bold', stroke: '#000000', strokeThickness: 2 }).setOrigin(0.5); if (this.bonusScore > 0) { this.add.text(400, 260, `Bonus Score: +${this.bonusScore}`, { fontSize: '28px', fill: '#00FF00', fontFamily: 'Arial, sans-serif', fontStyle: 'bold' }).setOrigin(0.5); } this.add.text(400, 300, 'Global Top 10 Leaderboard:', { fontSize: '32px', fill: '#FFD700', fontFamily: 'Arial, sans-serif', fontStyle: 'bold', stroke: '#000000', strokeThickness: 2 }).setOrigin(0.5); const leaderboard = JSON.parse(localStorage.getItem('globalLeaderboard')) || []; const leaderboardContainer = this.add.container(400, 350); const leaderboardMask = this.add.graphics().fillRect(50, 350, 700, 180); for (let i = 0; i < 10; i++) { if (i < leaderboard.length) { const leaderboardText = this.add.text(0, i * 30, `${i + 1}. ${leaderboard[i].name} - ${leaderboard[i].score} (${leaderboard[i].difficulty})`, { fontSize: '24px', fill: '#F0E68C', fontFamily: 'Arial, sans-serif', fontStyle: 'bold' }).setOrigin(0.5); leaderboardContainer.add(leaderboardText); } else { const emptyText = this.add.text(0, i * 30, `${i + 1}. ---`, { fontSize: '24px', fill: '#F0E68C', fontFamily: 'Arial, sans-serif', fontStyle: 'bold' }).setOrigin(0.5); leaderboardContainer.add(emptyText); } } leaderboardContainer.setMask(new Phaser.Display.Masks.GeometryMask(this, leaderboardMask)); this.input.on('wheel', (pointer, gameObjects, deltaX, deltaY, deltaZ) => { leaderboardContainer.y -= deltaY; leaderboardContainer.y = Phaser.Math.Clamp(leaderboardContainer.y, -250, 350); }); // Create a container for buttons const buttonContainer = this.add.container(400, 550); const playAgainButton = this.add.image(0, 0, 'button'); playAgainButton.setScale(0.1375); playAgainButton.setInteractive({ useHandCursor: true }); playAgainButton.on('pointerdown', () => this.scene.start('GuessTheNumber', { playerName: this.playerName, playerUniqueId: this.playerUniqueId })); this.addHoverEffect(playAgainButton); const playAgainText = this.add.text(0, 0, 'Play Again', { fontSize: '28px', fill: '#FFFFFF', fontFamily: 'Arial, sans-serif', fontStyle: 'bold' }).setOrigin(0.5); buttonContainer.add([playAgainButton, playAgainText]); // Add a pulsing animation to the play again button this.tweens.add({ targets: playAgainButton, scale: 0.1375 * 1.1, duration: 800, yoyo: true, repeat: -1 }); if (this.won && this.difficulty !== 'Bonus Round') { const bonusRoundButton = this.add.image(150, 0, 'button'); bonusRoundButton.setScale(0.1375); bonusRoundButton.setInteractive({ useHandCursor: true }); bonusRoundButton.on('pointerdown', () => this.scene.start('BonusRoundScene', { playerName: this.playerName, score: this.score })); this.addHoverEffect(bonusRoundButton); const bonusRoundText = this.add.text(150, 0, 'Play Bonus Round', { fontSize: '24px', fill: '#FFFFFF', fontFamily: 'Arial, sans-serif', fontStyle: 'bold' }).setOrigin(0.5); buttonContainer.add([bonusRoundButton, bonusRoundText]); // Add a pulsing animation to the bonus round button this.tweens.add({ targets: bonusRoundButton, scale: 0.1375 * 1.1, duration: 800, yoyo: true, repeat: -1 }); // Adjust the position of the Play Again button playAgainButton.x = -150; playAgainText.x = -150; } } } class BonusRoundScene extends Phaser.Scene { constructor() { super('BonusRoundScene'); this.score = 0; this.timeLeft = 30; this.currentQuestion = ''; this.correctAnswer = 0; } init(data) { this.playerName = data.playerName; this.playerUniqueId = data.playerUniqueId; this.previousScore = data.score; } preload() { this.load.image('background', 'https://play.rosebud.ai/assets/R.png?jD8j'); } create() { const background = this.add.image(400, 300, 'background'); background.setScale(0.2); this.add.text(400, 50, 'Bonus Round!', { fontSize: '48px', fill: '#FFD700', fontFamily: 'Arial, sans-serif', fontStyle: 'bold', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); this.add.text(400, 100, 'Solve math equations to earn bonus points!', { fontSize: '24px', fill: '#FFFFFF', fontFamily: 'Arial, sans-serif', }).setOrigin(0.5); this.timerText = this.add.text(700, 50, `Time: ${this.timeLeft}`, { fontSize: '24px', fill: '#FF6347', fontFamily: 'Arial, sans-serif', fontStyle: 'bold' }); this.scoreText = this.add.text(100, 50, `Score: ${this.score}`, { fontSize: '24px', fill: '#98FB98', fontFamily: 'Arial, sans-serif', fontStyle: 'bold' }); this.questionText = this.add.text(400, 200, '', { fontSize: '36px', fill: '#ADD8E6', fontFamily: 'Arial, sans-serif', fontStyle: 'bold' }).setOrigin(0.5); this.answerInput = this.add.dom(400, 300, 'input', { type: 'number', placeholder: 'Enter your answer', style: 'font-size: 24px; width: 200px; padding: 10px; text-align: center;' }); const submitButton = this.add.text(400, 380, 'Submit', { fontSize: '28px', fill: '#00FFFF', backgroundColor: '#4a4a4a', padding: { x: 20, y: 10 }, fontFamily: 'Arial, sans-serif', fontStyle: 'bold' }).setOrigin(0.5).setInteractive({ useHandCursor: true }); submitButton.on('pointerdown', () => this.checkAnswer()); this.generateQuestion(); this.startTimer(); } generateQuestion() { const questionTypes = [ this.generateAdditionQuestion, this.generateSubtractionQuestion, this.generateMultiplicationQuestion, this.generateDivisionQuestion, this.generatePercentageQuestion, this.generateExponentQuestion, this.generateSquareRootQuestion, this.generateAlgebraicQuestion ]; const selectedType = questionTypes[Math.floor(Math.random() * questionTypes.length)]; const { question, answer } = selectedType.call(this); this.currentQuestion = question; this.questionText.setText(question); this.correctAnswer = answer; } generateAdditionQuestion() { const num1 = Math.floor(Math.random() * 100) + 1; const num2 = Math.floor(Math.random() * 100) + 1; const num3 = Math.floor(Math.random() * 100) + 1; return { question: `${num1} + ${num2} + ${num3}`, answer: num1 + num2 + num3 }; } generateSubtractionQuestion() { const num1 = Math.floor(Math.random() * 200) + 100; const num2 = Math.floor(Math.random() * num1); const num3 = Math.floor(Math.random() * num2); return { question: `${num1} - ${num2} - ${num3}`, answer: num1 - num2 - num3 }; } generateMultiplicationQuestion() { const num1 = Math.floor(Math.random() * 20) + 1; const num2 = Math.floor(Math.random() * 20) + 1; return { question: `${num1} × ${num2}`, answer: num1 * num2 }; } generateDivisionQuestion() { const divisor = Math.floor(Math.random() * 18) + 2; // 2 to 19 const quotient = Math.floor(Math.random() * 10) + 1; // 1 to 10 const dividend = divisor * quotient; return { question: `${dividend} ÷ ${divisor}`, answer: quotient }; } generatePercentageQuestion() { const percentages = [15, 30, 45, 60, 85]; const percentage = percentages[Math.floor(Math.random() * percentages.length)]; const whole = Math.floor(Math.random() * 100) + 1; // 1 to 100 return { question: `${percentage}% of ${whole}`, answer: Math.round((percentage / 100) * whole) }; } generateExponentQuestion() { const base = Math.floor(Math.random() * 10) + 2; // 2 to 11 const exponent = Math.floor(Math.random() * 3) + 2; // 2 to 4 return { question: `${base}^${exponent}`, answer: Math.pow(base, exponent) }; } generateSquareRootQuestion() { const square = Math.pow(Math.floor(Math.random() * 10) + 1, 2); return { question: `√${square}`, answer: Math.sqrt(square) }; } generateAlgebraicQuestion() { const x = Math.floor(Math.random() * 10) + 1; const a = Math.floor(Math.random() * 5) + 1; const b = Math.floor(Math.random() * 10) + 1; return { question: `Solve for x: ${a}x + ${b} = ${a * x + b}`, answer: x }; } checkAnswer() { const userAnswer = parseFloat(this.answerInput.node.value); const isCorrect = Math.abs(userAnswer - this.correctAnswer) < 0.1; if (isCorrect) { this.score += 20; // Increase score for harder questions this.scoreText.setText(`Score: ${this.score}`); this.answerInput.node.value = ''; this.generateQuestion(); // Add positive feedback for correct answers const feedbackText = this.add.text(400, 450, 'Correct!', { fontSize: '24px', fill: '#00FF00', fontFamily: 'Arial, sans-serif' }).setOrigin(0.5); this.tweens.add({ targets: feedbackText, alpha: 0, duration: 1000, ease: 'Power2', onComplete: () => feedbackText.destroy() }); } else { const feedbackText = this.add.text(400, 450, 'Incorrect! Try again.', { fontSize: '24px', fill: '#FF0000', fontFamily: 'Arial, sans-serif' }).setOrigin(0.5); this.tweens.add({ targets: feedbackText, alpha: 0, duration: 1000, ease: 'Power2', onComplete: () => feedbackText.destroy() }); } } startTimer() { this.time.addEvent({ delay: 1000, callback: this.updateTimer, callbackScope: this, repeat: this.timeLeft - 1 }); } updateTimer() { this.timeLeft--; this.timerText.setText(`Time: ${this.timeLeft}`); if (this.timeLeft <= 0) { this.endBonusRound(); } } endBonusRound() { const finalScore = this.previousScore + this.score; this.scene.start('EndScene', { won: true, score: finalScore, difficulty: 'Bonus Round', playerName: this.playerName, playerUniqueId: this.playerUniqueId, bonusScore: this.score }); } } const config = { type: Phaser.AUTO, parent: 'renderDiv', width: 800, height: 600, scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, dom: { createContainer: true }, scene: [NameInputScene, InstructionsScene, GuessTheNumber, BonusRoundScene, EndScene] }; window.phaserGame = new Phaser.Game(config);