class SplashScene extends Phaser.Scene { constructor() { super('SplashScene'); } preload() { this.load.image('bg1', 'https://play.rosebud.ai/assets/Leonardo_Phoenix_A_cluttered_and_dimly_lit_laboratory_desk_wit_1.jpg?J4Cn'); this.load.image('bg2', 'https://play.rosebud.ai/assets/Leonardo_Phoenix_A_majestic_library_with_rows_of_worn_leatherb_0.jpg?JiDP'); this.load.image('moodtyperlogo', 'https://play.rosebud.ai/assets/cooltext464887301174865.png?A3Vy'); this.load.image('startgame', 'https://play.rosebud.ai/assets/cooltext464887690905307.png?yjBB'); this.load.image('startgame_hover', 'https://play.rosebud.ai/assets/cooltext464887772845166.png?ZTIF'); this.load.image('library', 'https://play.rosebud.ai/assets/library_default.png?w73N'); this.load.image('library_hover', 'https://play.rosebud.ai/assets/library_hover.png?xNgt'); this.load.image('typingfingers', 'https://play.rosebud.ai/assets/typing fingers.png?rmX0'); this.load.image('typewriter', 'https://play.rosebud.ai/assets/typewriter image.png?3nRo'); // game sounds this.load.audio('typewriter_strike', `https://play.rosebud.ai/assets/a_single_typewriter_.mp3?GrlJ`); this.load.audio('dingsound', `https://play.rosebud.ai/assets/ping-82822.mp3?hxeZ`); // Array of background music keys this.bgMusicKeys = ['bgMusic1', 'bgMusic2', 'bgMusic3', 'bgMusic4', 'bgMusic5']; // Load all background music tracks this.bgMusicKeys.forEach((key, index) => { this.load.audio(key, this.getBgMusicFileName(index)); }); } getBgMusicFileName(index) { const fileNames = [ 'https://play.rosebud.ai/assets/Fast%20Fingers%20Mental%20Maze.mp3?3RmO', 'https://play.rosebud.ai/assets/Typing%20to%20the%20Beat.mp3?irQ4', 'https://play.rosebud.ai/assets/Melancholic%20Typing%20Symphony%20(1).mp3?rOpR', 'https://play.rosebud.ai/assets/Mood%20Typer%20(1).mp3?f6fS', 'https://play.rosebud.ai/assets/Mood%20Typer%20Dreams%20(1).mp3?JAKy' ]; return fileNames[index]; } create() { // Initialize article index this.articleIndex = 0; // Check if library has been found this.libraryFound = localStorage.getItem('moodtyper_foundlibrary') === 'true'; // Create an array of sound objects for all background music tracks this.bgMusicTracks = this.bgMusicKeys.map(key => this.sound.add(key, { loop: true, volume: 0.2 // Set initial volume to 20% }) ); // Randomly select a track to play initially this.currentBgMusicIndex = Math.floor(Math.random() * this.bgMusicTracks.length); this.bgMusic = this.bgMusicTracks[this.currentBgMusicIndex]; // Stop all currently playing background music this.sound.stopAll(); // Play the selected background music this.bgMusic.play(); // Add mute indicator this.muteIndicator = this.add.text(780, 20, '🔊', { fontSize: '32px', fill: '#ffffff' }).setOrigin(1, 0).setInteractive(); // Add click event for mute indicator this.muteIndicator.on('pointerdown', this.toggleMute, this); // Add key listener for 'L' to open Library scene and mark as found this.input.keyboard.on('keydown-L', () => { localStorage.setItem('moodtyper_foundlibrary', 'true'); this.libraryFound = true; this.scene.start('LibraryScene'); }); // Add key listener for muting background music this.input.keyboard.on('keydown-ZERO', this.toggleBgMusic, this); // Add key listeners for '1' through '5' this.input.keyboard.on('keydown-ONE', () => this.changeBgMusic(0), this); this.input.keyboard.on('keydown-TWO', () => this.changeBgMusic(1), this); this.input.keyboard.on('keydown-THREE', () => this.changeBgMusic(2), this); this.input.keyboard.on('keydown-FOUR', () => this.changeBgMusic(3), this); this.input.keyboard.on('keydown-FIVE', () => this.changeBgMusic(4), this); // Log to console for debugging console.log('Key listeners set up'); // Create 8192 graphics objects for the mood background this.moodBackgrounds = []; this.moodColors = [0xff0000, 0x00ff00, 0x0000ff, 0xffff00, 0xff00ff, 0x00ffff]; this.currentColors = []; this.targetColors = []; this.colorTransitionProgresses = []; for (let i = 0; i < 8192; i++) { this.moodBackgrounds.push(this.add.graphics()); this.currentColors.push(this.getRandomColor()); this.targetColors.push(this.getRandomColor()); this.colorTransitionProgresses.push(0); } // Create the typewriter image and set its initial position this.typewriter = this.add.image(0, 0, 'typewriter').setScale(0.2); this.typewriterPath = new Phaser.Curves.Path(60, 60); this.typewriterPath.lineTo(720, 60); this.typewriterPath.lineTo(720, 540); this.typewriterPath.lineTo(60, 540); this.typewriterPath.lineTo(60, 60); this.typewriterPathFollower = { t: 0, vec: new Phaser.Math.Vector2() }; // Add the moodtyperlogo const logo = this.add.image(400, 180, 'moodtyperlogo').setOrigin(0.5); // Create a rocking animation for the logo this.tweens.add({ targets: logo, angle: -20, duration: 2000, ease: 'Sine.easeInOut', yoyo: true, repeat: -1 }); // Add blue background for the text const textBg = this.add.rectangle(390, 280, 330, 35, 0x0000ff).setOrigin(0.5); // Create a container for the letters this.letterContainer = this.add.container(400, 280); // Text to be animated const text = "by todd_russell"; const textWidth = text.length * 20; // Approximate width of the text const startX = -textWidth / 2; // Start from the left edge of the blue background // Create letter objects this.letters = text.split('').map((char, index) => { return this.add.text(startX + 800 + index * 20, 0, char, { fontSize: '24px', fontStyle: 'bold', fill: '#ffffff', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); }); // Add letters to the container this.letterContainer.add(this.letters); // Start the animation this.animateText(); // Add start button const startButton = this.add.image(400, 350, 'startgame').setOrigin(0.5).setScale(0.7); // Make the button interactive startButton.setInteractive({ useHandCursor: true }); // Add hover effect startButton.on('pointerover', () => { startButton.setTexture('startgame_hover'); }); startButton.on('pointerout', () => { startButton.setTexture('startgame'); }); // Update the existing start button click handler startButton.on('pointerdown', () => { const randomSongIndex = this.getRandomSongIndex(); this.scene.start('GameplayScene', { songIndex: randomSongIndex }); }); // Add library button if found if (this.libraryFound) { const libraryButton = this.add.image(400, 420, 'library').setOrigin(0.5).setScale(0.7); libraryButton.setInteractive({ useHandCursor: true }); libraryButton.on('pointerover', () => { libraryButton.setTexture('library_hover'); }); libraryButton.on('pointerout', () => { libraryButton.setTexture('library'); }); libraryButton.on('pointerdown', () => { this.scene.start('LibraryScene'); }); } // Add dark blue background for scrolling text this.add.rectangle(400, 560, 800, 75, 0x001f3f).setOrigin(0.5); // Add scrolling instruction text const instructionText = this.add.text(800, 550, "How to play: Type the mental health awareness article, it is case insensitive. Score more points the faster and more you type. Game ends when the song is over. Read this far? Bonus: there is a secret 'l'ibrary that unlocks additional playable games based on how many words you have typed across all games played.", { fontSize: '20px', fill: '#ffffff', wordWrap: { width: 4000 } // Set a very large width to ensure it's on one line } ).setOrigin(0, 0.5); // Set the initial position of the text off-screen to the right instructionText.x = 800; // Set up scrolling animation for the text this.tweens.add({ targets: instructionText, x: -instructionText.width, duration: 70000, // Increased duration for slower scrolling ease: 'Linear', repeat: -1, onRepeat: () => { instructionText.x = 800; // Reset position when repeating } }); // Add version text to lower right corner const versionText = this.add.text(790, 580, 'v0.95', { fontSize: '16px', fill: '#ffffff', fontStyle: 'bold', stroke: '#000000', strokeThickness: 4 }).setOrigin(1, 1); // Add now playing text this.nowPlayingText = this.add.text(400, 560, '', { fontSize: '16px', fontStyle: 'bold', fill: '#ffff00', stroke: '#000000', strokeThickness: 3 }).setOrigin(0.5, 0); // Add play button this.playButton = this.add.text(50, 560, '▶️ Play', { fontSize: '16px', fontStyle: 'bold', fill: '#ffffff', backgroundColor: '#4a4a4a', padding: { x: 6, y: 4 } }).setOrigin(0, 0).setInteractive({ useHandCursor: true }); // Add click handler for play button this.playButton.on('pointerdown', () => { this.scene.start('GameplayScene', { songIndex: this.currentBgMusicIndex }); }); // Add top scores text this.topScoresText = this.add.text(400, 585, '', { fontSize: '14px', fontStyle: 'bold', fill: '#ffffff', stroke: '#000000', strokeThickness: 2 }).setOrigin(0.5, 0.5); // Update now playing text and top scores this.updateNowPlayingText(); } updateNowPlayingText() { const trackNames = [ '"Fast Fingers Mental Maze"', '"Typing to the Beat"', '"Melancholic Typing Symphony"', '"Mood Typer"', '"Mood Typer Dreams"' ]; let trackName = this.bgMusic && this.bgMusic.isPlaying ? `${trackNames[this.currentBgMusicIndex]}` : 'No track'; this.nowPlayingText.setText(`Now playing: ${trackName} by AI Kills`); // Update top scores text const topScores = this.getTopScores(this.currentBgMusicIndex); if (topScores.length > 0) { let scoresText = 'Top 5 Scores: ' + topScores.map(score => score.toLocaleString()).join(', '); this.topScoresText.setText(scoresText); this.topScoresText.setVisible(true); } else { this.topScoresText.setVisible(false); } } updateGlobalWordsTyped() { const key = 'moodtyper_globalwordstyped'; const globalWordsTyped = parseInt(localStorage.getItem(key) || '0') + 1; localStorage.setItem(key, globalWordsTyped.toString()); } getTopScores(songIndex) { const key = `moodtyper_hs_${songIndex}`; let highScores = JSON.parse(localStorage.getItem(key) || '[]'); return highScores.slice(0, 5); } changeBgMusic(index) { // Stop the currently playing music if (this.bgMusic && this.bgMusic.isPlaying) { this.bgMusic.stop(); } // Play the selected track this.currentBgMusicIndex = index; this.bgMusic = this.bgMusicTracks[this.currentBgMusicIndex]; if (this.bgMusic) { this.bgMusic.play(); } // Update the Now Playing text and top scores this.updateNowPlayingText(); } toggleBgMusic() { if (this.bgMusic.isPlaying) { this.bgMusic.pause(); } else { this.bgMusic.resume(); } } toggleMute() { this.isMuted = !this.isMuted; if (this.isMuted) { this.bgMusic.pause(); this.muteIndicator.setText('🔇'); } else { this.bgMusic.resume(); this.muteIndicator.setText('🔊'); } } animateText() { let delay = 0; const textWidth = this.letters.length * 20; const startX = -textWidth / 2; this.letters.forEach((letter, index) => { this.tweens.add({ targets: letter, x: startX + index * 20, ease: 'Linear', duration: 500, delay: delay, onComplete: () => { if (index === this.letters.length - 1) { this.time.delayedCall(5000, () => { this.resetAnimation(); }); } } }); delay += 100; }); } resetAnimation() { const textWidth = this.letters.length * 20; const startX = -textWidth / 2; this.letters.forEach((letter, index) => { letter.x = startX + 800 + index * 20; }); this.animateText(); } getRandomColor() { return this.moodColors[Math.floor(Math.random() * this.moodColors.length)]; } getRandomSongIndex() { return Math.floor(Math.random() * this.bgMusicKeys.length); } update(time, delta) { // Update mood backgrounds for (let i = 0; i < 8192; i++) { const moodBackground = this.moodBackgrounds[i]; moodBackground.clear(); // Progress the color transition this.colorTransitionProgresses[i] += 0.001 * delta; if (this.colorTransitionProgresses[i] >= 1) { this.colorTransitionProgresses[i] = 0; this.currentColors[i] = this.targetColors[i]; this.targetColors[i] = this.getRandomColor(); } const blendedColor = Phaser.Display.Color.Interpolate.ColorWithColor( Phaser.Display.Color.ValueToColor(this.currentColors[i]), Phaser.Display.Color.ValueToColor(this.targetColors[i]), 100, Math.floor(this.colorTransitionProgresses[i] * 100) ); moodBackground.fillStyle(Phaser.Display.Color.GetColor(blendedColor.r, blendedColor.g, blendedColor.b), 1); const col = i % 128; const row = Math.floor(i / 128); const width = 800 / 128; const height = 600 / 64; moodBackground.fillRect(col * width, row * height, width, height); } // Move typewriter along the path (even more slowed down) this.typewriterPathFollower.t += 0.00002 * delta; if (this.typewriterPathFollower.t >= 1) { this.typewriterPathFollower.t = 0; } this.typewriterPath.getPoint(this.typewriterPathFollower.t, this.typewriterPathFollower.vec); this.typewriter.setPosition(this.typewriterPathFollower.vec.x, this.typewriterPathFollower.vec.y); } } class GameplayScene extends Phaser.Scene { constructor() { super('GameplayScene'); this.totalWordsTyped = 0; // Add this line to track total words typed this.articles = [ `Mental health awareness is a critical aspect of our overall well-being that deserves increased attention and understanding. It encompasses our emotional, psychological, and social well-being, influencing how we think, feel, and act in our daily lives. In recent years, there has been growing recognition of the importance of mental health, yet stigma and misconceptions persist in many communities. One key aspect of mental health awareness is recognizing that mental health conditions are real, treatable medical conditions, just like physical illnesses. Depression, anxiety, bipolar disorder, and other mental health conditions are not character flaws or signs of weakness, but complex disorders that can affect anyone, regardless of age, gender, or background. Understanding the impact of stress and lifestyle factors on our mental well-being is crucial. In today's fast-paced world, chronic stress has become a common issue that can contribute to the development of mental health problems. Learning healthy coping mechanisms, practicing self-care, and maintaining a balanced lifestyle can all contribute to better mental health. The role of social connections in maintaining good mental health cannot be overstated. Strong relationships and a supportive social network can provide emotional support, reduce stress, and improve overall well-being. Encouraging open conversations about mental health within families, friend groups, and communities can help break down barriers and create a more supportive environment. In the workplace, mental health awareness is becoming increasingly important. Employers are recognizing the impact of mental health on productivity, job satisfaction, and overall workplace culture. Implementing mental health policies, providing resources for employees, and creating a supportive work environment can benefit both employees and the organization as a whole. For children and adolescents, mental health awareness is particularly crucial. Early identification and intervention for mental health concerns can have a significant impact on a young persons development and future well-being. Schools play a vital role in promoting mental health awareness by providing education, support services, and creating a safe and inclusive environment for students. Technology and social media have introduced new challenges and opportunities in mental health awareness. While these platforms can sometimes contribute to feelings of anxiety and isolation, they can also be powerful tools for spreading awareness, providing resources, and connecting individuals with support networks. Mental health awareness also involves recognizing the intersectionality of mental health with other social issues, such as poverty, discrimination, and systemic inequalities. Marginalized communities often face additional barriers to accessing mental health care and may experience higher rates of mental health issues due to chronic stress and trauma. Understanding the link between physical and mental health is another important aspect of mental health awareness. The mind-body connection is powerful, and physical health problems can often have a significant impact on mental well-being, and vice versa. Promoting a holistic approach to health that addresses both physical and mental well-being can lead to better overall health outcomes. Ultimately, mental health awareness is about creating a society that values and prioritizes mental well-being. This involves not only increasing understanding and compassion for those experiencing mental health challenges but also promoting practices and policies that support good mental health for all individuals. By continuing to have open conversations, challenge stigma, and promote mental health education, we can work towards a future where mental health is treated with the same importance and urgency as physical health.`, `How to Live with Better Mental Health: Mental health is just as important as physical health. When we feel mentally strong, we can enjoy life and face challenges more easily. Let us explore some practical ways to boost your mental well-being. Understanding Mental Health Mental health includes our emotional, psychological, and social well-being. It affects how we think, feel, and act. According to the World Health Organization, around 1 in 4 people will experience a mental health issue at some point in their lives. Understanding mental health is the first step to improving it.1. Stay Connected Social connections are crucial for mental health. Spending time with friends or family can lift your spirits. Here are a few ways to maintain those connections: Regular check-ins: Call or message a friend just to say hi. Join clubs or groups: Engage in activities aligned with your interests. Volunteer: Helping others can bring joy and purpose. Maintain your relationships; they can offer support during tough times. 2. Eat a Balanced Diet. What you eat plays a big role in how you feel. Studies show that a balanced diet contributes to better mood and energy levels. Here is what you should include: Fruits and vegetables: Aim for a colorful plate. Whole grains: These keep your energy steady. Lean proteins: Chicken, fish, and legumes are great options. Keeping your body nourished can help in stabilizing your mood.3. Exercise Regularly Physical activity is proven to boost mental health. Just 30 minutes of exercise a day can make a big difference. Consider these options: Walk: A simple walk can clear your mind. Join a class: Dance, yoga, or martial arts can be fun and effective. Engage in sports: Playing a game with friends can lift your spirits. Find activities that you enjoy, so you’re motivated to keep moving. 4. Prioritize Sleep. Getting enough sleep is critical for mental wellness. Lack of sleep can make you feel more anxious and stressed. Here are some tips for better sleep: Establish a routine: Go to bed and wake up at the same time every day. Create a peaceful environment: Make your bedroom quiet and dark. Limit screen time: Reduce screen exposure at least an hour before bed. Make sleep a priority; your mind and body will thank you. 5. Practice Mindfulness and Meditation Mindfulness involves paying attention to the present moment. It helps reduce stress and improve focus. According to a study in JAMA Internal Medicine, mindfulness meditation can improve overall mental health. Here is how to get started: Set aside time: Even a few minutes a day can help. Use apps: Guided meditation apps can simplify the process. Breath focus: Take deep breaths to center yourself. Integrating mindfulness into your daily routine can boost your mood.6. Limit Social Media Use Social media can be overwhelming. Sometimes, comparing yourself to others online can harm your self-esteem. Here is how to manage your usage: Set time limits: Spend a specific amount of time on social media each day. Curate your feed: Follow positive and uplifting accounts. Take breaks: Consider a digital detox once in a while. By managing your social media use, you can help protect your mental health.7. Seek Professional Help If you are struggling with your feelings, don’t hesitate to reach out for help. Professionals can provide support and tools to cope better. A therapist or counselor can make a big difference. When to consider seeking help: Feeling overwhelmed: If negative emotions persist, it’s time to talk to someone. Experiencing changes in behavior: Noticing big mood changes might indicate a need for support. Difficulty coping: When daily life becomes too hard, it is okay to get help. Remember, asking for help is a sign of strength. 8. Create a Routine. Having a daily routine can provide structure and stability. Routines make life predictable, reducing anxiety. Consider these steps for establishing a routine: Morning rituals: Start your day with activities that you enjoy, like reading or exercising. Set daily goals: Make a list of things to accomplish each day. Schedule downtime: Ensure you make time to relax and recharge. A well-planned routine can significantly improve your mental clarity and stability.9. Practice Gratitude. Gratitude can shift your focus from what you lack to what you have. Keeping a gratitude journal can help you appreciate lifes little moments. How to cultivate gratitude: Write daily: Jot down three things you are grateful for each day. Share with others: Let loved ones know what you appreciate about them. Reflect: Take time to think about positive experiences in your life. Practicing gratitude can lead to increased happiness and lower stress levels. Conclusion: Improving your mental health takes time and practice. Start small and gradually incorporate these tips into your daily life. With consistent effort, you can create a positive impact on your well-being. Remember, living well mentally is a journey, not a destination. Keep moving forward, and don’t forget to enjoy the ride!`, `Mental health Supportive Environment: Creating a supportive environment is key to enhancing mental health awareness. Here are ways to foster this:Listen Without Judgment: Sometimes, just being there for someone can make a huge difference.Educate Yourself and Others: Understanding mental health lets us speak more knowledgeably about it.Promote Open Conversations: Suggest family discussions about mental health, even if it feels awkward at first.Mental Health TipsTo take care of your mental health, here are a few simple tips:Practice Self-Care: Take time for activities you enjoy like reading or playing sports.Stay Active: Engage in physical activities; it boosts mood and reduces anxiety.Connect: Regularly communicate with friends and family. Social connections are important for mental well-being.Mindfulness: Practicing mindfulness or meditation can help reduce stress and promote relaxation.Resources for Mental Health AwarenessThere are many organizations and websites dedicated to mental health resources:National Alliance on Mental Illness (NAMI): nami.orgMental Health America: mhanational.orgSubstance Abuse and Mental Health Services Administration (SAMHSA): samhsa.govThe Role of Schools and CommunitiesSchools and local communities play a vital role in promoting mental health awareness.Programs and Initiatives: Schools often have programs to educate students about mental health and wellness.Community Events: Participating in local mental health events can normalize discussions and offer resources.ConclusionRaising mental health awareness is essential for societys overall well-being. It encourages conversations about critical issues and enables those in need to find support.Whether you’re struggling with mental health or you want to help someone else, remember—you are not alone. By actively participating in open discussions about mental health, we can create a more understanding and supportive environment for everyone. So, let us continue the conversation! Share this article, talk with friends, and consider reaching out to someone today. Remember: it is always okay to talk about mental health!`, `Understanding Mental Health Disorders: Mental health disorders are more common than many think. According to the National Alliance on Mental Illness (NAMI):One in five adults experiences mental illness in a given year. One in six youth aged 6-17 experiences a mental health disorder each year. Some common mental health disorders include: Anxiety Disorders: These involve excessive worry and fear. Depression: This can cause persistent sadness and a lack of interest in enjoyable activities. Bipolar Disorder: This leads to extreme mood swings, including high (manic) and low (depressive) states. Schizophrenia: This affects the ability to think clearly, manage emotions, make decisions, and relate to others. Signs and Symptoms to Notice Being aware of mental health signs and symptoms can help you or someone you care about get proper support. Common signs include: Changes in mood: Such as prolonged sadness or mood swings. Withdrawal: Losing interest in favorite activities and isolating from friends and family. Changes in eating or sleeping: This includes sleeping too much or too little and sudden weight changes. Substance use: Using drugs or alcohol more frequently. When to Seek Help: It is okay to ask for help when needed. If you or someone you know experiences persistent symptoms, it’s important to reach out. Here are a few resources to consider: Therapists and Counselors: Professionals trained to help individuals with mental health issues. Support Groups: Local or online groups where individuals can share experiences and support one another. Hotlines: Organizations like National Suicide Prevention Lifeline offer help at all times."It is OK to not be OK." - Anonymous` ]; } init(data) { this.currentSongIndex = data && data.songIndex !== undefined ? data.songIndex : Math.floor(Math.random() * this.bgMusicKeys.length); } create() { // Select a random article this.selectedArticle = this.selectRandomArticle(); // Add typewriter_strike sound this.typewriterSound = this.sound.add('typewriter_strike'); this.typewriterSound.setVolume(0.2); // Initialize lastBonusWordCount this.lastBonusWordCount = 0; // Create progress meter this.progressMeter = { background: this.add.rectangle(30, 300, 20, 400, 0x001f3f).setOrigin(0.5, 0.5), bar: this.add.rectangle(30, 500, 20, 0, 0x00ff00).setOrigin(0.5, 1), value: 0 }; // Initialize progress decay timer this.progressDecayTimer = this.time.addEvent({ delay: 10000, callback: this.decayProgress, callbackScope: this, loop: true }); this.dingSound = this.sound.add('dingsound'); this.dingSound.setVolume(0.4); // Array of background music keys and names this.bgMusicKeys = ['bgMusic1', 'bgMusic2', 'bgMusic3', 'bgMusic4', 'bgMusic5']; this.bgMusicNames = [ 'Fast Fingers Mental Maze', 'Typing to the Beat', 'Melancholic Typing Symphony', 'Mood Typer', 'Mood Typer Dreams' ]; // Use the currentSongIndex to select the music const musicKey = this.bgMusicKeys[this.currentSongIndex]; this.currentSongName = this.bgMusicNames[this.currentSongIndex]; // Add and play the chosen background music this.bgMusic = this.sound.add(musicKey, { loop: false, volume: 0.2 }); // Stop any currently playing music this.sound.stopAll(); // Play the chosen background music this.bgMusic.play(); // Listen for the music to end this.bgMusic.once('complete', this.endGame, this); // Create 8192 graphics objects for the mood background this.moodBackgrounds = []; this.moodColors = [0xff0000, 0x00ff00, 0x0000ff, 0xffff00, 0xff00ff, 0x00ffff]; this.currentColors = []; this.targetColors = []; this.colorTransitionProgresses = []; for (let i = 0; i < 8192; i++) { this.moodBackgrounds.push(this.add.graphics()); this.currentColors.push(this.getRandomColor()); this.targetColors.push(this.getRandomColor()); this.colorTransitionProgresses.push(0); } // Create the typewriter image and set its position at the bottom center this.typewriter = this.add.image(400, 550, 'typewriter').setScale(0.2); // Add typing fingers image this.typingFingers = this.add.image(370, 550, 'typingfingers').setScale(0.1).setAlpha(0); // Timer for fading out typing fingers this.typingTimer = null; // Create a dark blue background for the scrolling text (doubled height) this.add.rectangle(400, 60, 800, 90, 0x001f3f, 1); // Split the selected article into sentences this.sentences = this.selectedArticle.match(/[^.!?]+[.!?]+/g).map(sentence => sentence.trim()); this.currentSentenceIndex = 0; // Create text for the current sentence this.sentenceText = this.add.text(400, 60, '', { fontSize: '24px', fill: '#ffffff', align: 'center', fixedWidth: 780, stroke: '#000000', strokeThickness: 2, wordWrap: { width: 780, useAdvancedWrap: true } }).setOrigin(0.5, 0.5); // Create a separate text object for the typed part this.typedText = this.add.text(400, 90, '', { fontSize: '24px', fill: '#00ff00', align: 'center', fixedWidth: 780, stroke: '#000000', strokeThickness: 2, wordWrap: { width: 780, useAdvancedWrap: true } }).setOrigin(0.5, 0.5); // Initialize the current word index this.currentWordIndex = 0; this.typedCharacters = 0; this.displayedWordCount = 0; // Listen to keyboard input this.input.keyboard.on('keydown', this.handleKeyDown, this); // Initialize scroll speed this.scrollSpeed = 1; // Variable to track if we're in mood color mode this.moodColorMode = false; this.moodColorTimer = null; // add this line to handle space key this.input.keyboard.on('keydown-SPACE', this.handleSpace, this); // Add a score display (moved above the scrolling text) this.score = 0; this.scoreText = this.add.text(400, 30, 'Score: 0', { fontSize: '24px', fill: '#ffffff', fontStyle: 'bold', stroke: '#000000', strokeThickness: 3 }).setOrigin(0.5); // Add song name display this.songNameText = this.add.text(790, 20, `"${this.currentSongName}"`, { fontSize: '12px', fill: '#ffffff', stroke: '#000000', strokeThickness: 3 }).setOrigin(1, 0); // Add WPM tracking this.wordsTyped = 0; this.startTime = Date.now(); this.wpmText = this.add.text(10, 20, 'WPM: 0', { fontSize: '24px', fill: '#ffffff', fontStyle: 'bold', stroke: '#000000', strokeThickness: 3 }); this.wordsTypedText = this.add.text(140, 20, 'Words: 0', { fontSize: '24px', fill: '#ffffff', fontStyle: 'bold', stroke: '#000000', strokeThickness: 3 }); // Add bonus multiplier display this.bonusMultiplier = 1; this.bonusText = this.add.text(140, 20, '', { fontSize: '24px', fill: '#00ff00', fontStyle: 'bold', stroke: '#000000', strokeThickness: 3 }).setOrigin(0, 0.5).setAngle(-5); // Add pulse animation to bonus text this.tweens.add({ targets: this.bonusText, scaleX: 1.2, scaleY: 1.2, duration: 500, yoyo: true, repeat: -1 }); // Add text scrolling speed slider this.add.text(640, 80, 'Speed:', { fontSize: '16px', fill: '#ffffff' }); this.createSlider(700, 90, 100, 0.5, 2, 1, this.updateScrollSpeed.bind(this)); // Array to store the word objects this.wordObjects = []; // Show the first sentence this.showNextSentence(); } updateScrollSpeed(value) { this.articleScrollSpeed = value; } createSlider(x, y, width, min, max, value, onChange) { const track = this.add.rectangle(x, y, width, 10, 0x888888).setOrigin(0, 0.5); const thumb = this.add.rectangle(x, y, 20, 20, 0xffffff).setOrigin(0.5, 0.5); thumb.setInteractive({ draggable: true }); thumb.on('drag', (pointer, dragX) => { dragX = Phaser.Math.Clamp(dragX, x, x + width); thumb.x = dragX; const value = min + (max - min) * ((dragX - x) / width); onChange(value); }); const setValue = (newValue) => { const normalizedValue = (newValue - min) / (max - min); thumb.x = x + width * normalizedValue; onChange(newValue); }; setValue(value); return { setValue }; } selectRandomArticle() { const randomIndex = Math.floor(Math.random() * this.articles.length); return this.articles[randomIndex]; } animateTypingFingers() { // If the animation is not currently playing, start it if (!this.typingAnimation || !this.typingAnimation.isPlaying()) { // Clear any existing timer if (this.typingTimer) { this.typingTimer.remove(); } // Show typing fingers this.typingFingers.setAlpha(1); // Create and start the animation this.typingAnimation = this.tweens.add({ targets: this.typingFingers, x: 360, duration: 50, yoyo: true, repeat: 1 }); } // Reset the fade-out timer if (this.typingTimer) { this.typingTimer.remove(); } this.typingTimer = this.time.delayedCall(500, () => { this.tweens.add({ targets: this.typingFingers, alpha: 0, duration: 200 }); }, [], this); } getRandomColor() { return this.moodColors[Math.floor(Math.random() * this.moodColors.length)]; } handleKeyDown(event) { if (event.key === ' ') { this.handleSpace(event); } else if (event.key.length === 1) { const currentWord = this.getCurrentWord(); if (currentWord && this.typedCharacters < currentWord.length) { if (event.key.toLowerCase() === currentWord[this.typedCharacters].toLowerCase()) { this.animateTypingFingers(); // Trigger typing animation // Play typewriter_strike sound with altered pitch and lower volume const pitchRate = Phaser.Math.FloatBetween(0.9, 1.1); this.typewriterSound.setRate(pitchRate); this.typewriterSound.setVolume(0.1); // Further reduce volume to 20% when playing this.typewriterSound.play(); this.typedCharacters++; if (this.typedCharacters === currentWord.length) { // Don't move to the next word here, wait for space } this.updateSentenceDisplay(); } } } } animateWordDrop(wordObject) { const word = wordObject.text; const scoreAmount = word.length * 10 * this.bonusMultiplier; // Create a text object for the score amount const scoreText = this.add.text(wordObject.x, wordObject.y - 20, `+${scoreAmount}`, { fontSize: '20px', fill: '#00ff00', fontStyle: 'bold', stroke: '#000000', strokeThickness: 3 }).setOrigin(0.5); this.tweens.add({ targets: [wordObject, scoreText], y: 600, scale: 10, duration: 1000, ease: 'Power2', onComplete: () => { wordObject.destroy(); scoreText.destroy(); // Add score for each letter this.score += scoreAmount; this.updateScoreDisplay(); } }); } updateScoreDisplay() { const formattedScore = this.score.toLocaleString(); this.scoreText.setText(`Score: ${formattedScore}`); } updateWPM() { const elapsedMinutes = (Date.now() - this.startTime) / 60000; const wpm = Math.round(this.wordsTyped / elapsedMinutes); this.wpmText.setText(`WPM: ${wpm}`); // Update words typed counter this.wordsTypedText.setText(`Words: ${this.totalWordsTyped}`); // Update bonus multiplier this.bonusMultiplier = Math.floor(wpm / 10) + 1; if (this.bonusMultiplier > 10) this.bonusMultiplier = 10; // Update bonus text if (this.bonusMultiplier > 1) { this.bonusText.setText(`${this.bonusMultiplier}x`).setVisible(true); } else { this.bonusText.setVisible(false); } // Check for bonus every 25 words, but only if it hasn't been given already if (this.totalWordsTyped % 25 === 0 && this.totalWordsTyped > 0 && this.totalWordsTyped !== this.lastBonusWordCount) { this.addBonusScore(); this.lastBonusWordCount = this.totalWordsTyped; // Update the last bonus word count } } addBonusScore() { const bonusScore = this.totalWordsTyped * 250; this.score += bonusScore; this.updateScoreDisplay(); // Create and animate bonus text with formatted score const formattedBonusScore = bonusScore.toLocaleString(); const bonusText = this.add.text(600, 300, `BONUS\n${formattedBonusScore}`, { fontSize: '64px', fontStyle: 'bold', fill: '#FFA500', stroke: '#000000', strokeThickness: 6, align: 'center' }).setOrigin(0.5).setDepth(1000); this.tweens.add({ targets: bonusText, y: 100, alpha: 0, duration: 4000, ease: 'Power2', onComplete: () => { bonusText.destroy(); } }); } handleSpace(event) { const currentWord = this.getCurrentWord(); if (this.typedCharacters === currentWord.length) { this.animateWordDrop(this.wordObjects[0]); this.currentWordIndex++; this.typedCharacters = 0; this.wordsTyped++; this.totalWordsTyped++; this.updateWPM(); if (this.currentWordIndex === this.currentSentence.length) { this.setMoodColor(currentWord); this.showNextSentence(); } else if (this.currentWordIndex === this.displayedWordCount) { this.showNextWords(); } else { this.updateSentenceDisplay(); } // Play typewriter sound for space this.typewriterSound.play(); } } getCurrentWord() { return this.currentSentence && this.currentSentence[this.currentWordIndex] || ''; } updateSentenceDisplay() { // Clear previous word objects this.wordObjects.forEach(obj => obj.destroy()); this.wordObjects = []; // Display new words let totalWidth = 0; for (let i = this.currentWordIndex; i < this.displayedWordCount; i++) { const wordText = this.add.text(0, 60, this.currentSentence[i], { fontSize: '24px', fill: '#ffffff', stroke: '#000000', strokeThickness: 2 }).setOrigin(0.5, 0.5); this.wordObjects.push(wordText); totalWidth += wordText.width + 10; // 10 is the space between words } // Start words further to the right let x = 400; // Start from the right edge of the screen this.wordObjects.forEach(wordObject => { wordObject.x = x + wordObject.width / 2; x += wordObject.width + 10; }); // Update typed text let typedText = ''; for (let i = this.currentWordIndex; i < this.displayedWordCount; i++) { if (i === this.currentWordIndex) { typedText += this.currentSentence[i].substring(0, this.typedCharacters); } else { typedText += ' '; } } this.typedText.setText(typedText); this.typedText.x = 400; // Start typed text from the center } showNextWords() { this.displayedWordCount = Math.min(this.currentSentence.length, this.currentWordIndex + 6); this.updateSentenceDisplay(); } showNextSentence() { if (this.currentSentenceIndex < this.sentences.length) { this.currentSentence = this.sentences[this.currentSentenceIndex].split(' '); this.currentWordIndex = 0; this.typedCharacters = 0; this.displayedWordCount = Math.min(6, this.currentSentence.length); this.updateSentenceDisplay(); // play dingsound when sentence complete and typed words > 0 if (this.totalWordsTyped > 0) { this.dingSound.play(); } this.currentSentenceIndex++; } else { // Loop back to the beginning of the article this.currentSentenceIndex = 0; this.showNextSentence(); // Visual cue for looping back this.cameras.main.flash(500, 255, 255, 255, true); } } setMoodColor(word) { // Simple hash function to convert word to color let hash = 0; for (let i = 0; i < word.length; i++) { hash = word.charCodeAt(i) + ((hash << 5) - hash); } const color = Math.abs(hash) % 0xFFFFFF; // Set all backgrounds to this color for (let i = 0; i < 8192; i++) { this.currentColors[i] = color; this.targetColors[i] = color; } // Set timer to return to random colors after 5 seconds this.moodColorMode = true; if (this.moodColorTimer) { this.moodColorTimer.remove(); } this.moodColorTimer = this.time.delayedCall(5000, () => { this.moodColorMode = false; for (let i = 0; i < 8192; i++) { this.targetColors[i] = this.getRandomColor(); } }, [], this); } update(time, delta) { // Update mood backgrounds for (let i = 0; i < 8192; i++) { const moodBackground = this.moodBackgrounds[i]; moodBackground.clear(); if (!this.moodColorMode) { // Progress the color transition this.colorTransitionProgresses[i] += 0.001 * delta; if (this.colorTransitionProgresses[i] >= 1) { this.colorTransitionProgresses[i] = 0; this.currentColors[i] = this.targetColors[i]; this.targetColors[i] = this.getRandomColor(); } const blendedColor = Phaser.Display.Color.Interpolate.ColorWithColor( Phaser.Display.Color.ValueToColor(this.currentColors[i]), Phaser.Display.Color.ValueToColor(this.targetColors[i]), 100, Math.floor(this.colorTransitionProgresses[i] * 100) ); moodBackground.fillStyle(Phaser.Display.Color.GetColor(blendedColor.r, blendedColor.g, blendedColor.b), 1); } else { moodBackground.fillStyle(this.currentColors[i], 1); } const col = i % 128; const row = Math.floor(i / 128); const width = 800 / 128; const height = 600 / 64; moodBackground.fillRect(col * width, row * height, width, height); } // Scroll word objects this.wordObjects.forEach(wordObject => { wordObject.x -= this.articleScrollSpeed; }); // Check if all words have scrolled off the screen if (this.wordObjects.length > 0 && this.wordObjects[this.wordObjects.length - 1].x + this.wordObjects[this.wordObjects.length - 1].width / 2 < 0) { // Reset positions let x = 800; // Start from the right edge again this.wordObjects.forEach(wordObject => { wordObject.x = x + wordObject.width / 2; x += wordObject.width + 10; }); } // Keep typed text stationary this.typedText.x = 400; // Keep it centered horizontally // Ensure the typed text is always visible this.typedText.setVisible(true); this.typedText.setDepth(1); // Set a higher depth to ensure it's on top // Update WPM this.updateWPM(); } endGame() { // Stop the progress decay timer this.progressDecayTimer.remove(); // Calculate highest WPM const elapsedMinutes = (Date.now() - this.startTime) / 60000; const finalWPM = Math.round(this.wordsTyped / elapsedMinutes); const highestWPM = Math.max(finalWPM, this.highestWPM || 0); // Start the GameOverScene with final score, highest WPM, total words typed, current song index, and song name this.scene.start('GameOverScene', { score: this.score, highestWPM: highestWPM, totalWordsTyped: this.totalWordsTyped, currentSongIndex: this.currentSongIndex, songName: this.currentSongName }); } } class GameOverScene extends Phaser.Scene { constructor() { super('GameOverScene'); } init(data) { this.finalScore = data.score; this.highestWPM = data.highestWPM; this.totalWordsTyped = data.totalWordsTyped; this.currentSongIndex = data.currentSongIndex; this.songName = data.songName; } create() { this.add.image(400, 300, 'bg1'); const textStyle = { fontSize: '32px', fill: '#ffffff', fontStyle: 'bold', stroke: '#000000', strokeThickness: 6 }; this.add.text(400, 80, 'Game Over', { ...textStyle, fontSize: '48px' }).setOrigin(0.5); // Update high scores, WPM, and global words typed this.updateHighScores(); this.updateTopWPM(); this.updateTotalGamesPlayed(); this.updateGlobalWordsTyped(); // Get the updated global words typed count const globalWordsTyped = parseInt(localStorage.getItem('moodtyper_globalwordstyped') || '0'); // Display scores this.add.text(400, 150, `Final Score: ${this.formatNumber(this.finalScore)}`, textStyle).setOrigin(0.5); this.add.text(400, 200, `Highest WPM: ${this.highestWPM}`, textStyle).setOrigin(0.5); this.add.text(400, 250, `Total Words Typed: ${this.formatNumber(this.totalWordsTyped)}`, textStyle).setOrigin(0.5); // Display high scores with song name const highScores = this.getHighScores(); this.add.text(400, 300, ` Top 5 Scores\n[${this.songName}]`, textStyle).setOrigin(0.5); highScores.forEach((score, index) => { this.add.text(400, 345 + index * 30, `${index + 1}. ${this.formatNumber(score)}`, { ...textStyle, fontSize: '24px' }).setOrigin(0.5); }); // Display total games played const totalGamesPlayed = localStorage.getItem('moodtyper_totalgamesplayed') || 0; this.add.text(400, 490, `Total Games Played: ${totalGamesPlayed}`, textStyle).setOrigin(0.5); // Display global words typed this.add.text(400, 530, `Global Words Typed: ${this.formatNumber(globalWordsTyped)}`, textStyle).setOrigin(0.5); const buttonStyle = { fontSize: '28px', fill: '#ffffff', fontStyle: 'bold', stroke: '#000000', strokeThickness: 6, backgroundColor: '#000000', padding: { x: 20, y: 10 } }; const menuButton = this.add.text(300, 580, 'Menu', buttonStyle).setOrigin(0.5).setInteractive(); menuButton.on('pointerdown', () => { this.scene.start('SplashScene'); }); const restartButton = this.add.text(500, 580, 'Restart', buttonStyle).setOrigin(0.5).setInteractive(); restartButton.on('pointerdown', () => { this.scene.start('GameplayScene'); }); } updateHighScores() { const key = `moodtyper_hs_${this.currentSongIndex}`; let highScores = JSON.parse(localStorage.getItem(key) || '[]'); highScores.push(this.finalScore); highScores.sort((a, b) => b - a); highScores = highScores.slice(0, 5); localStorage.setItem(key, JSON.stringify(highScores)); } updateTopWPM() { const key = `moodtyper_wpm_${this.currentSongIndex}`; const currentTopWPM = parseInt(localStorage.getItem(key) || '0'); if (this.highestWPM > currentTopWPM) { localStorage.setItem(key, this.highestWPM.toString()); } } updateTotalGamesPlayed() { const key = 'moodtyper_totalgamesplayed'; const totalGames = parseInt(localStorage.getItem(key) || '0') + 1; localStorage.setItem(key, totalGames.toString()); } updateGlobalWordsTyped() { const key = 'moodtyper_globalwordstyped'; const currentGlobalWords = parseInt(localStorage.getItem(key) || '0'); const newGlobalWords = currentGlobalWords + this.totalWordsTyped; localStorage.setItem(key, newGlobalWords.toString()); } getHighScores() { const key = `moodtyper_hs_${this.currentSongIndex}`; return JSON.parse(localStorage.getItem(key) || '[]'); } formatNumber(num) { return num.toLocaleString(); } } class LibraryScene extends Phaser.Scene { constructor() { super('LibraryScene'); } create() { this.add.image(400, 300, 'bg2'); const buttonStyle = { fontSize: '24px', fill: '#ffffff', backgroundColor: '#000000', padding: { x: 10, y: 5 }, fontStyle: 'bold', stroke: '#000000', strokeThickness: 4 }; const returnButton = this.add.text(400, 590, 'Return to Menu', buttonStyle) .setOrigin(0.5) .setInteractive(); returnButton.on('pointerdown', () => { this.scene.start('SplashScene'); }); this.createTitle(); this.createProgressBar(); this.createLevelBoxes(); } createTitle() { const titleStyle = { fontSize: '48px', fill: '#ffffff', fontStyle: 'bold', stroke: '#000000', strokeThickness: 6 }; this.add.text(400, 30, 'Library', titleStyle).setOrigin(0.5); } createProgressBar() { const totalWords = parseInt(localStorage.getItem('moodtyper_globalwordstyped') || '0'); const levels = [{ name: 'Newbie', range: [0, 99] }, { name: 'Beginner', range: [100, 999] }, { name: 'Keyboardist', range: [1000, 4999] }, { name: 'Stenographer', range: [5000, 9999] }, { name: 'Typist', range: [10000, 24999] }, { name: 'Skilled Typist', range: [25000, 49999] }, { name: 'Advanced Typist', range: [50000, Infinity] }]; let currentLevel, nextLevel; for (let i = 0; i < levels.length; i++) { if (totalWords >= levels[i].range[0] && totalWords <= levels[i].range[1]) { currentLevel = levels[i]; nextLevel = levels[i + 1] || levels[i]; break; } } const progress = Math.min(100, Math.max(0, (totalWords - currentLevel.range[0]) / (nextLevel.range[0] - currentLevel.range[0]) * 100)); const y = 60; const textStyle = { fontSize: '24px', fill: '#ffffff', fontStyle: 'bold', stroke: '#000000', strokeThickness: 4 }; this.add.text(50, y, `Current Level: ${currentLevel.name}`, textStyle); this.add.text(50, y + 30, `Next Level: ${nextLevel.name}`, textStyle); this.add.rectangle(400, y + 70, 600, 30, 0x888888); this.add.rectangle(100, y + 70, 600 * (progress / 100), 30, 0x00ff00).setOrigin(0, 0.5); this.add.text(710, y + 70, `${Math.floor(progress)}%`, textStyle).setOrigin(1, 0.5); this.add.text(400, y + 110, `Total Words Typed: ${totalWords.toLocaleString()}`, textStyle).setOrigin(0.5); } createLevelBoxes() { const totalWords = parseInt(localStorage.getItem('moodtyper_globalwordstyped') || '0'); const levelRanks = ['Newbie', 'Beginner', 'Keyboardist', 'Stenographer', 'Typist', 'Skilled Typist', 'Advanced Typist']; const levels = [{ name: 'Level 1', range: [0, 99], url: 'https://play.rosebud.ai/games/5fe62c19-a25b-4034-a373-877f99c375b1' // space keno }, { name: 'Level 2', range: [100, 999], url: 'https://play.rosebud.ai/games/140fa2f3-9d35-455d-81d0-6784fc9fdbf7' // lawnmower nightmare }, { name: 'Level 3', range: [1000, 4999], url: 'https://play.rosebud.ai/games/f21c5a95-796f-4d45-8ee0-b518da19019b' // pgm sea hunter }, { name: 'Level 4', range: [5000, 9999], url: 'https://play.rosebud.ai/games/74d7997f-20e0-43d1-8344-5a5cbb07706f' }, { name: 'Level 5', range: [10000, 24999], comingSoon: true }, { name: 'Level 6', range: [25000, 49999], comingSoon: true }, { name: 'Level 7', range: [50000, Infinity], comingSoon: true }]; const boxWidth = 150; const boxHeight = 108; // Reduced height by 10% (120 * 0.9 = 108) const startY = 260; // Shifted up by 20 pixels (300 - 40 = 260) const gap = 15; const textStyle = { fontSize: '18px', fill: '#ffffff', fontStyle: 'bold', stroke: '#000000', strokeThickness: 3 }; const titleStyle = { fontSize: '14px', fill: '#ffff00', fontStyle: 'bold', stroke: '#000000', strokeThickness: 2 }; const rankStyle = { fontSize: '16px', fill: '#00ffff', fontStyle: 'bold', stroke: '#000000', strokeThickness: 2 }; levels.forEach((level, index) => { const row = Math.floor(index / 3); const col = index % 3; const x = 200 + col * (boxWidth + gap); const y = startY + row * (boxHeight + gap); const isUnlocked = totalWords >= level.range[0]; const color = isUnlocked ? 0x00ff00 : 0x888888; const box = this.add.rectangle(x, y, boxWidth, boxHeight, color) .setOrigin(0.5) .setInteractive(); this.add.text(x, y, level.name, textStyle).setOrigin(0.5); if (isUnlocked) { this.add.text(x, y - 27, levelRanks[index], rankStyle).setOrigin(0.5); // Adjusted y position if (level.comingSoon) { this.add.text(x, y + 27, 'Coming Soon', titleStyle).setOrigin(0.5); // Adjusted y position box.on('pointerdown', () => this.showComingSoonMessage(level.name)); } else { const title = this.getLevelTitle(index); this.add.text(x, y + 27, title, titleStyle).setOrigin(0.5); // Adjusted y position box.on('pointerdown', () => this.openEmbedWindow(level.url)); } } }); } getLevelTitle(index) { const titles = [ 'Space Keno', 'Lawnmower Nightmare', 'PGM Sea Hunter', 'TBD' ]; return titles[index] || 'Coming Soon'; } showComingSoonMessage(levelName) { const overlay = this.add.rectangle(400, 300, 800, 600, 0x000000, 0.8); const messageBox = this.add.rectangle(400, 300, 400, 200, 0xffffff); const message = this.add.text(400, 300, `${levelName}\nComing Soon!`, { fontSize: '32px', fill: '#000000', align: 'center' }).setOrigin(0.5); const closeButton = this.add.text(580, 220, 'X', { fontSize: '24px', fill: '#ff0000' }).setOrigin(0.5).setInteractive(); closeButton.on('pointerdown', () => { overlay.destroy(); messageBox.destroy(); message.destroy(); closeButton.destroy(); }); } openEmbedWindow(url) { const overlay = this.add.rectangle(400, 300, 800, 600, 0x000000, 0.8); const embedWindow = this.add.dom(400, 300).createFromHTML(` `); const closeButton = this.add.text(780, 20, 'X', { fontSize: '24px', fill: '#ffffff', backgroundColor: '#ff0000', padding: { x: 10, y: 5 } }) .setOrigin(1, 0) .setInteractive(); closeButton.on('pointerdown', () => { overlay.destroy(); embedWindow.destroy(); closeButton.destroy(); }); } } const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 800, height: 600, dom: { createContainer: true }, physics: { default: 'arcade', arcade: { gravity: { y: 0 } } }, scene: [SplashScene, GameplayScene, GameOverScene, LibraryScene] }; window.phaserGame = new Phaser.Game(config);