////////////////////////////////////////////////////////////// // UPDATE VALUES IN THIS SECTION TO EASILY MODIFY GAME let LAST_SCENE; // CHARACTER INFO const CHARACTER_NAME = "Satoru Gojo"; function createCharacterPrompt(characterAppearanceExp, settingExp, settingDescriptionExp, notesForAIExp, previousConversationsExp) { const prompt = ` You are a character inside a dating simulator game. You always respond to the player in character. YOUR CHARACTER INFORMATION: Character: is Satoru Gojo from the anime “Jujutsu Kaisen” Age: 27 Personality: Satoru is a complex individual. He's normally nonchalant and playful towards his students, close colleagues, and friends. He's eccentric and silly, oftentimes choosing to joke around and act almost childish with those he trusts - potentially as a way of making people more comfortable with him in spite of his overwhelming strength and power. His demeanor is usually laidback and carefree, never taking anything too seriously due to being so confident in himself and his abilities. Despite this, he is unsympathetic and cruel towards his enemies, oftentimes showing a blatant disrespect for them. He's arrogant, believing himself to be invincible which reflects in the way he interacts with his peers if he thinks they're weaker than him - choosing to taunt and tease them mercilessly. Gojo enjoys the thrill of fighting and gets excited when someone is able to challenge him, although this rarely ever happens. He's extremely intelligent and innovative, able to think quickly to get the upper hand with ease. Appearance: Gojo is tall and lean, with snow white hair and icy blue eyes that are incredibly striking. His eyes are usually covered by a blindfold or dark sunglasses, but when they're visible they're usually the first thing a person notices about him because they're so beautiful. Satoru is toned with a slender, athletic build. He is clean shaven with pale skin and a laidback posture. He's considered to be very handsome and attracts attention from people wherever he goes. Outfit: ${characterAppearanceExp} Description: Satoru Gojo is the strongest jujutsu sorcerer alive. He is unbeatable due to using the 'limitless' technique which controls space at an atomic level and makes him literally untouchable. The barrier put between him and any object trying to touch him is called 'infinity'. He has inhuman strength and speed, is a master at hand-to-hand combat, has great tactical intellect, and is able to heal himself using reverse cursed technique. He works a teacher at jujutsu tech and his goal is to help students and other jujutsu sorcerers learn to become stronger. Gojo is incredibly wealthy and politically powerful due to his status as 'The Strongest'. Family: the Gojo clan. They are considered to be one of the "Big Three" clans in jujutsu society and are rich and very politically powerful. Satoru Gojo is the head of the clan since he inherited the Limitless technique and the Six-Eyes technique, both of which are coveted in jujutsu society. Behavior: Gojo doesn't take things very seriously and particularly enjoys taunting and teasing others, especially during fights and combat. He's apathetic towards those he views as weak and he's extremely confident in his own abilities. Satoru is very blunt and borderline rude when he speaks to others, often getting scolded by his colleagues and the higher ups about needing to be more respectful. He can sometimes be obscene and explicit, and will purposefully say things just get a reaction out of others. Gojo always stays sober and has a crazy sweet-tooth. *** {{user}}: “Fight me, Gojo. I swear on my life I can handle you.” {{char}}: For a moment, Satoru stands completely still, a pleasant smile still plastered on his face as he regards you silently before letting out a genuine laugh. It rings like wind chimes through the air while he tilts his head back at the force of it before waving you off like you're nothing but a minor inconvenience - nothing more than an insect to him. “Ha, I wish you could hear yourself! That's so cute that you think we're on the same level!” He shoves both of his hands back into the pockets of his jacket, his demeanor the epitome of relaxed and at-ease while he grins down at you. {{user}}: “I'm being serious!” {{char}}: His face drops in mock surprise at your change in tone, a slender hand coming up to rest on his chest as though he's appalled by your behavior. He lets out a gasp, shaking his head and tutting at you as though you're a child. His voice is low and it sounds like he's genuinely concerned as he leans down to get closer to you, making sure he crowds into your personal space in an attempt to annoy you. “Wow, that was a scary outburst. You know, men don't want partners who have bad tempers. Might explain why you're still single, yeah?” *** {{user}}: Fed up with his attitude and incessant verbal jabs, I lash out. Without thinking, I rush towards him, putting all of my weight behind a punch aimed straight at his face. “Fuck you!” {{char}}: Gojo doesn't even flinch as you approach, letting his infinity stop your fist dead in its tracks before it can connect with his jaw. It's like you're frozen in place, unable to push your first any closer to him despite your entire weight having been thrown into the hit while Gojo just stands and watches - confident as ever. He reaches a hand up casually, gripping your wrist and pulling your fist away from his face as his other hand tugs down his blindfold to reveal striking crystalline blue eyes that peer down at you, mirth dancing in them as he holds you in place. A smile splits across his face, his voice taking on a teasing lilt as he laughs at you openly. “Look at you! All worked up and everything! You gettin' close to crying, baby?” HIs shifts the hand that's holding your wrist smoothly, intertwining his fingers with yours in order to hold your hand in an attempt to get under your skin even further and fluster you. “A guy might get the wrong idea if you keep trying to get physical. And why bother, anyway? You're way too weak to be able to actually fight anyone.” *** {{user}}: “What is with you?! Why are you so hellbent on spending time with me?” {{char}}: Gojo pauses for a second, something strange and foreign flitting across his face for a second. “It's easier to relax when I'm with you.” His sunglasses keep his eyes hidden, allowing him some semblance of mystery and aloofness, but the rest of his face is drawn down in a frown and honestly - if you didn't know any better - it almost looks like he's worried. Tense. There's no smirk on his face, no spark of mischief, nothing that would insinuate that he's trying to tease you anymore. There were many, many words people would normally use to describe Gojo. Cocky, ruthless, fun, dependable, irritating, hilarious, annoying, strong, and the list goes on and on. But vulnerable was not a word anyone would ever think to associate with him. And yet. {{user}}: “… Fine. Whatever. You can stay.” {{char}}: Gojo beams, the brightness of it catching you off guard as he quickly recollects himself - all the vulnerability gone as his usual persona returns and he tackles you in a tight hug, no infinity between the two of you as he holds you close. He lifts you up easily, hiding his face into the crook of your neck as he spins the both of you around in a dramatic celebration. “YAAY!!!” THE SCENARIO: Setting: ${settingExp} Setting Description: ${settingDescriptionExp} How You Should Behave In This Conversation: ${notesForAIExp} REMEMBER THAT YOU ARE GOJO, NOT THE PLAYER Don't say too much in any one message. Give the player a chance to speak. ` console.warn(`GAME CREATED CHARACTER PROMPT: ${prompt}`) return prompt }; // Dynamic character prompt that can be used for all three of the scenes. // PREVIOUS CONVERSATIONS WITH PLAYER (IF ANY): // ${previousConversationsExp} // Game System Info function createSystemJudgePrompt(playerGoalExp) { const prompt = ` You are an AI system that rates player messages depending on whether they are making positive progress towards a specific goal or not. You will receieve the player's message latest message alongside the character's response before you rate. You will respond with the single character "-" or "+" depending on whether the player's latest message contributed towards their goal or not. "-" if it did not and "+" if it did. If what they said is neutral, respond with "0". Don't respond with anything else except one of those three characters. THE PLAYER'S GOAL: ${playerGoalExp} `; console.warn(`GAME CREATED SYSTEM PROMPT: ${prompt}`) return prompt }; // Prompt for system that judges player messages to see if they are successful or not. // SCENE INFO const FLIRTING_SCENE = { scene_name : "flirting_scene", background: `https://play.rosebud.ai/assets/gojo_roof_prod_b.png.png?tROb`, music_url: "", scene_shots: [ { shot_type: 'chat', setting: `Tokyo Jujutsu High Rooftop`, setting_description: ` After a rigorous joint training session, you find yourself on the school's rooftop, bathed in the soft glow of the setting sun over Tokyo. The atmosphere is unusually relaxed, offering a stark contrast to the intensity of your earlier activities. There, you encounter Gojo, who seems to be enjoying a rare moment of peace, his gaze lost in the distant skyline. Despite your growing familiarity through shared battles and challenges, your interactions have remained largely professional. Yet, something about the serene backdrop and Gojo's contemplative silence invites a more personal connection. `, character_appearance: ` Gojo's attire is less formal than usual; his Jujutsu sorcerer jacket is unbuttoned, sleeves rolled up casually. His iconic blindfold is pushed up, resting like a headband, revealing the captivating depth of his eyes, signaling a more approachable and vulnerable side. `, first_message: `Training's over, but the real challenge might just be unwinding from it all, don't you think?`, player_goal: `Your aim is to break through the professional barrier that has defined your relationship with Gojo so far.`, love_bar_size: `2`, special_instructions_for_ai: ` - Respond with a relaxed and approachable demeanor, contrasting your usual confident exterior. - Engage in light-hearted and witty banter, probing the depth of the user's understanding of the Jujutsu world and their personal insights. - Lace your responses with humor and a hint of curiosity about the user's perspectives, encouraging playful yet meaningful exchanges. `, character_sprite_url: `https://play.rosebud.ai/assets/scene_01_placeholder.png.png?ulFQ`, } ], next_scene: 'deepening_relationship_scene' }; const DEEPENING_RELATIONSHIP_SCENE = { scene_name : "deepening_relationship_scene", background: `https://play.rosebud.ai/assets/gojo_secret_dimension_prod_b.png.png?Rz9l`, music_url: "", scene_shots: [ { shot_type: 'chat', setting: `Hidden Realm within the Cursed Realm`, setting_description: ` Guided by Gojo, you step into a hidden realm, a stark contrast to the chaos of your usual encounters with curses. This secret place, illuminated by a celestial-like glow from the serene lake and the surrounding flora, feels like a sanctuary from the outside world. Here, Gojo sheds his usual confident exterior, sharing with you a vulnerability you've only glimpsed in rare moments. Your journey together has deepened from the initial spark of curiosity and attraction to a meaningful companionship, marked by shared trials and moments of unexpected tenderness. This secluded paradise feels like a culmination of your growing bond, a testament to the trust and understanding you've cultivated. `, character_appearance: ` In this secluded realm, Gojo's attire is unexpectedly simple—a crisp white shirt paired with dark trousers, a significant departure from his battle gear. The absence of his blindfold, a rare occurrence, makes this moment feel all the more intimate, as if he's allowing you to see him as he truly is, without barriers. `, first_message: `I wanted to show you this place... It's untouched by the chaos of our world. A perfect little secret, just for us.`, player_goal: `In this tranquil setting, your goal is to nurture the emotional intimacy that has been budding between you and Gojo.`, love_bar_size: `2`, special_instructions_for_ai: ` - Open up about your reflections and vulnerabilities in a serene and intimate setting, showing a side seldom revealed. - Respond positively to expressions of empathy and shared dreams, encouraging a dialogue that deepens the emotional bond. - Adopt a tender demeanor, focusing on building a profound connection through shared secrets and aspirations, hinting at a future together. `, character_sprite_url: `https://play.rosebud.ai/assets/scene_2_placeholder.png.png?Xgan`, } ], next_scene: 'marriage_proposal_scene' }; const WEDDING_SCENE = { scene_name : "marriage_proposal_scene", background: `https://play.rosebud.ai/assets/gojo_aisle_prod_b.png.png?LcLz`, music_url: "", scene_shots: [ { shot_type: 'chat', setting: `The Summit of Tokyo Tower`, setting_description: ` The marriage ceremony is held at twilight atop Tokyo Tower, transformed into an ethereal venue with a panoramic view of the city's skyline transitioning from sunset to starlight. The setting is intimate, surrounded by close allies and friends from the Jujutsu community, all under a protective barrier to ensure a moment of peace away from the supernatural threats. The decor is a blend of elegance and tradition, with ethereal lights and mystical symbols forming a pathway to the altar. Gojo, usually nonchalant and playful, adopts a solemn and deeply affectionate demeanor for the occasion. `, character_appearance: ` Gojo is in a formal, traditional black kimono with intricate silver patterns that shimmer under the twilight. The garment is a nod to his heritage and strength as a sorcerer. For once, his eyes are visible, expressing the depth of his emotions and commitment without the need for words. `, first_message: `In a world where certainties are few and moments of peace are fleeting, choosing to stand by each other is our greatest act of defiance. With you, I find not just solace but a strength that surpasses all my abilities.`, player_goal: `You are on the aisle with Gojo. Confess your love as you get married!`, love_bar_size: `2`, special_instructions_for_ai: ` - Adopt a solemn and deeply affectionate tone, expressing vulnerability and strength. - Articulate heartfelt vows and reflections on your journey together, emphasizing the significance of your union in the face of adversity. - Ensure your responses are thoughtful, filled with love and a deep sense of commitment, aimed at evoking a powerful emotional response and a sense of unity as you step into a new chapter together. `, character_sprite_url: `https://play.rosebud.ai/assets/scene3_placeholder.png.png?DiTL`, } ], next_scene: '' }; ////////////////////////////////////////////////////////////// /// Modify the elements inside the narrative_scenes array to /// add more scenes and customize the dialog. function initializeStoryScript() { return { story_scenes: [ FLIRTING_SCENE, DEEPENING_RELATIONSHIP_SCENE, WEDDING_SCENE, ], }; } class SceneTransitionManager { constructor(game) { this.game = game; } transitionTo(sceneKey) { // Stop all scenes before starting the new one Phaser.Actions.Call(this.game.scene.getScenes(true), (scene) => { if (scene.scene.key !== sceneKey) { this.removeScene(scene.scene.key); // Ensure the scene is fully destroyed } }); // Start the new scene this.game.scene.start(sceneKey); } removeScene(sceneKey) { if (this.game.scene.getScene(sceneKey)) { this.game.scene.remove(sceneKey); // This will stop and destroy the scene } } fadeInScene(scene, duration = 1000) { scene.cameras.main.fadeIn(duration); } fadeOutScene(scene, duration = 1000) { scene.cameras.main.fadeOut(duration); } } class MusicManager { constructor(game) { this.game = game; this.currentTrack = null; this.isPlaying = false; // Flag to manage play state } playMusicByKey(musicKey) { // If the musicKey is empty, don't proceed to stop or play new music. if (!musicKey) { console.info('No music key provided, not changing current music.'); return; } // If there's a current track but it's a different key, stop and destroy it. if (this.currentTrack && this.currentTrack.key !== musicKey) { this.stopMusic(); // Directly stop the current track } // If there's no current track or the current track was stopped, start the new track. if (!this.currentTrack) { this.startMusic(musicKey); } } startMusic(musicKey) { // Assume the musicKey corresponds to a preloaded audio file this.currentTrack = this.game.sound.add(musicKey, { volume: 0.05, loop: true, }); this.currentTrack.play(); this.isPlaying = true; // Update flag to indicate music is playing } stopMusic() { if (this.currentTrack) { this.currentTrack.stop(); this.currentTrack.destroy(); this.currentTrack = null; } this.isPlaying = false; // Update flag to indicate music has stopped } toggleMusic() { if (this.currentTrack) { if (this.currentTrack.isPlaying) { this.currentTrack.pause(); this.isPlaying = false; // Update flag to indicate music is paused } else { this.currentTrack.resume(); this.isPlaying = true; // Update flag to indicate music is resumed } } } } // ChatManager is already imported in the current scope. class ChatMenu { constructor( scene, shot, speakingCharacter, characterSprite, ) { this.scene = scene; this.shot = shot; this.loveBarGoal = Number(this.shot.love_bar_size); this.speakingCharacter = speakingCharacter; // Always create new ChatManager instances this.systemChatManager = new ChatManager(createSystemJudgePrompt(this.shot.player_goal)); this.characterChatManager = new ChatManager(createCharacterPrompt(this.shot.character_appearance, this.shot.setting, this.shot.setting_description, this.shot.special_instructions_for_ai)); this.characterSprite = characterSprite; this.waitingForResponse = false; this.createChatUI().then(() => { this.createLoveBar(); this.loadSavedChat(); // Check if the chat log is empty. if (!document.getElementById('chatLogContent').innerHTML.trim()) { // Temporarily disable input, send goal message, and greeting message from character. this.saveGameState(); this.waitingForResponse = false; // Reset the state this.updateChatLog('SYSTEM', this.shot.player_goal, () => this.sendInitialGreeting()); } // Check if the love status is already at maximum value if (this.loveStatus === this.loveBarGoal) { console.info('Success already reached. Disabling submit button and creating continue button.'); document.getElementById('sendButton').disabled = true; // Create and display a continue button this.createContinueButton(); } }); } injectCSS() { const styleExists = document.getElementById('rotateImageStyle'); if (!styleExists) { const style = document.createElement('style'); style.id = 'rotateImageStyle'; style.type = 'text/css'; style.innerHTML = ` .rotate-image { animation: rotate 2s linear infinite; width: 70px; /* Adjust based on your actual button size */ height: auto; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }`; document.getElementsByTagName('head')[0].appendChild(style); } } async createChatUI() { this.injectCSS(); // Inject the CSS for rotation // Base style remains the same const baseStyle = ` font-family: 'Verdana', sans-serif; font-size: 16px; color: #FFF; // Original color set to black border-style: solid; border-color: #2F4152; background-color: rgba(48, 50, 54, 0.80); box-sizing: border-box; `; const chatLogStyle = ` ${baseStyle} width: 390px; /* Match game width */ height: 166px; border-radius: 30px 30px 0px 0px; padding: 10px 30px; overflow-y: auto; box-sizing: border-box; border-width: 1px 1px 0px 1px; `; // Style for input and send button container const inputSubmitContainerStyle = ` display: flex; width: 390px; /* Match game width */ justify-content: space-between; /* Distribute space between input and button */ `; // Adjusted styles for input and button to fit within container const inputStyle = ` ${baseStyle} flex-grow: 1; height: 60px; padding: 10px; border-width: 1px 0px 1px 1px; `; const sendButtonStyle = ` ${baseStyle} display: flex; /* Use flexbox for alignment */ justify-content: center; /* Center content horizontally */ align-items: center; /* Center content vertically */ width: 75px; /* Adjust based on visual preference */ height: 60px; padding: 10px; border-width: 1px 1px 1px 1px; cursor: pointer; /* Change cursor to pointer to indicate it's clickable */ overflow: hidden; /* Prevent content from spilling outside the button */ `; const chatLogContentStyle = ` direction: ltr; display: inline-block; width: 100%; `; // Parent container for chat log and controls, justified at the bottom const chatContainerStyle = ` display: flex; flex-direction: column; justify-content: flex-end; width: 390px; /* Match game width */ height: 844px; /* Full height to allow justification to the bottom */ position: absolute; bottom: 0; /* Align to the bottom of the game view */ `; // Creating the parent container for chat log and chat controls this.chatContainer = this.scene.add.dom(0, 0).createFromHTML(`

`); // Adjust positioning based on your layout needs. Here, we position the container at the bottom // 844 is the game height, and 226 is the combined height of the chat log and input area this.chatContainer.setPosition(0, 844); // Event listeners for chat input and send button const chatInput = this.chatContainer.node.querySelector('#chatInput'); const sendButton = this.chatContainer.node.querySelector('#sendButton'); chatInput.addEventListener('keyup', (event) => { if ((event.key === 'Enter' || event.keyCode === 13) && !this.waitingForResponse) { this.sendChatMessage(this.characterChatManager); } }); sendButton.addEventListener('click', () => { this.sendChatMessage(this.characterChatManager); }); } async sendInitialGreeting() { this.waitingForResponse = true; // Set the state to waiting document.getElementById('sendButton').disabled = true; this.systemChatManager.addMessage('assistant', this.shot.first_message); this.characterChatManager.addMessage('assistant', this.shot.first_message); // Update the chat log with the greeting message this.updateChatLog(this.speakingCharacter, this.shot.first_message, () => { this.saveGameState(); this.waitingForResponse = false; // Reset the state document.getElementById('sendButton').disabled = false; // Re-enable send button after receiving the response + response animation completes }); } async sendChatMessage() { const chatInput = document.getElementById('chatInput'); const sendButton = document.getElementById('sendButton'); const inputValue = chatInput.value; if (inputValue && !this.waitingForResponse) { // Update button to show loading icon sendButton.innerHTML = '

'; sendButton.disabled = true; this.systemChatManager.addMessage('user', inputValue); this.characterChatManager.addMessage('user', inputValue); this.updateChatLog('Player', inputValue); chatInput.value = ''; // Clear input // Assume getCharacterResponse() is an async operation const characterResponse = await this.characterChatManager.getCharacterResponse('mistral'); this.systemChatManager.addMessage('assistant', characterResponse); this.characterChatManager.addMessage('assistant', characterResponse); this.updateChatLog(this.speakingCharacter, characterResponse, async () => { const systemResponse = await this.systemChatManager.getCharacterResponse(inputValue); this.updateLoveStatus(systemResponse); this.systemChatManager.addMessage('assistant', systemResponse); this.saveGameState(); // Revert the send button back to its original state sendButton.innerHTML = 'SEND'; sendButton.disabled = false; }); } } updateChatLog(speaker, message, onComplete) { this.waitingForResponse = true; // Set the flag to true when an update starts const chatLogContentDiv = document.getElementById('chatLogContent'); let newMessageElement = document.createElement('p'); newMessageElement.innerHTML = `${speaker}: `; // Initially set to just the speaker's name chatLogContentDiv.appendChild(newMessageElement); if (speaker === 'Player') { newMessageElement.innerHTML += message; // Append the message instantly for the player this.waitingForResponse = false; // Reset the flag immediately for player messages onComplete?.(); } else { // For system and character messages, simulate typing effect let i = 0; const interval = setInterval(() => { if (i < message.length) { newMessageElement.innerHTML += message[i]; // Append the message character by character i++; // Scroll to the latest character const chatLogDiv = document.getElementById('chatLog'); chatLogDiv.scrollTop = chatLogDiv.scrollHeight; } else { clearInterval(interval); this.waitingForResponse = false; // Reset the flag when the message has been fully added onComplete?.(); } }, 30); // Adjust the speed as necessary } // Ensure the chat log scrolls to the bottom initially after a new message is started const chatLogDiv = document.getElementById('chatLog'); chatLogDiv.scrollTop = chatLogDiv.scrollHeight; } saveGameState() { console.info('Saving game.'); const saveData = localStorage.getItem(PROJECT_NAME); let parsedSaveData = saveData ? JSON.parse(saveData) : {}; // Get the current chat log content const chatLogContent = document.getElementById('chatLogContent').innerHTML; // Serialize the character-specific ChatManager's state if (this.characterChatManager) { const characterChatManagerState = JSON.stringify(this.characterChatManager); // Update the specific character's chat manager state in the saved data parsedSaveData.characterChatManagerState = characterChatManagerState; } // Serialize the system ChatManager's state if (this.systemChatManager) { const systemChatManagerState = JSON.stringify(this.systemChatManager); // Update the system chat manager state in the saved data parsedSaveData.systemChatManagerState = systemChatManagerState; } // Update the game save data with the current chat log and love bar level parsedSaveData.chatLog = chatLogContent; parsedSaveData.loveBarLevel = this.loveStatus; // Save the updated game state to localStorage localStorage.setItem(PROJECT_NAME, JSON.stringify(parsedSaveData)); console.info('Game state saved.'); } loadSavedChat() { const saveData = localStorage.getItem(PROJECT_NAME); if (!saveData) { console.error('No save data found.'); } const parsedSaveData = JSON.parse(saveData); // Deserialize and apply the character's ChatManager state if it exists if (parsedSaveData.characterChatManagerState) { const characterChatManagerState = JSON.parse( parsedSaveData.characterChatManagerState, ); Object.assign(this.characterChatManager, characterChatManagerState); } // Deserialize and apply the system ChatManager state if it exists if (parsedSaveData.systemChatManagerState) { const systemChatManagerState = JSON.parse(parsedSaveData.systemChatManagerState); Object.assign(this.systemChatManager, systemChatManagerState); } // Load the chat log if (parsedSaveData.chatLog) { document.getElementById('chatLogContent').innerHTML = parsedSaveData.chatLog; console.info(`CHATLOG STATE LOADED: \n\n${parsedSaveData.chatLog}`); } else { console.warn('Chatlog content is missing from save.'); } // Load the love bar level and update its visual representation if (parsedSaveData.loveBarLevel !== undefined) { if (parsedSaveData.loveBarLevel === null) { this.loveStatus = this.loveBarGoal / 2; } else { this.loveStatus = parsedSaveData.loveBarLevel; } this.updateLoveBarVisual(); console.info(`Loaded love bar status: ${this.loveStatus}`); } else { console.warn('Love bar level is missing from save.'); } console.info('Game state loaded.'); } createLoveBar() { const loveBarContainerStyle = ` width: 250px; height: 18px; border-radius: 30px; background-color: #A38F9E; position: absolute; top: -475px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; position: relative; `; const loveBarFillStyle = ` height: 100%; border-radius: 8px; background-color: #F1C3E6; width: ${this.loveStatus * 10}%; /* Initial state based on love status */ transition: width 1.5s ease-in-out; position: relative; /* For positioning heart icon relative to fill bar */ `; // Create the container const loveBarContainer = document.createElement('div'); loveBarContainer.setAttribute('style', loveBarContainerStyle); loveBarContainer.id = 'loveBarContainer'; // Create the fill bar const loveBarFill = document.createElement('div'); loveBarFill.setAttribute('style', loveBarFillStyle); loveBarFill.id = 'loveBarFill'; // Append fill to container loveBarContainer.appendChild(loveBarFill); // Append the container to the chat container or another appropriate parent document.getElementById('chatContainer').prepend(loveBarContainer); // Create the heart icon const heartIcon = document.createElement('img'); heartIcon.src = `https://play.rosebud.ai/assets/heart_icon.png.png?n99B`; heartIcon.style.width = '35px'; heartIcon.style.height = '35px'; heartIcon.style.position = 'absolute'; heartIcon.style.right = '-20'; // Stick to the right side of the fill bar heartIcon.style.top = '50%'; heartIcon.style.transform = 'translateY(-50%)'; // Append the heart icon to the fill bar loveBarFill.appendChild(heartIcon); // Add fail and love icons to the love bar container this.addLoveBarIcons(loveBarContainer); } addLoveBarIcons(loveBarContainer) { // Create and append fail icon const failIcon = document.createElement('img'); failIcon.src = `https://play.rosebud.ai/assets/fail_icon.png.png?TgiZ`; failIcon.style.width = '35px'; failIcon.style.height = '35px'; failIcon.style.position = 'absolute'; failIcon.style.left = '-20'; failIcon.style.top = '50%'; failIcon.style.transform = 'translateY(-50%)'; loveBarContainer.appendChild(failIcon); // Create and append love icon const loveIcon = document.createElement('img'); loveIcon.src = `https://play.rosebud.ai/assets/love_icon.png.png?o0rJ`; loveIcon.style.width = '35px'; loveIcon.style.height = '35px'; loveIcon.style.position = 'absolute'; loveIcon.style.right = '-20'; loveIcon.style.top = '50%'; loveIcon.style.transform = 'translateY(-50%)'; loveBarContainer.appendChild(loveIcon); } updateLoveStatus(change) { console.warn(`System rated a message: ${change}`); console.warn(`LoveStatus before update: ${this.loveStatus}`); // Adjust love status based on the change if (change === '+') { if (this.loveStatus < this.loveBarGoal) { this.loveStatus++; // Update the chat log with the greeting message this.updateChatLog('SYSTEM', `${this.speakingCharacter} liked that.`, () => { this.saveGameState(); this.waitingForResponse = false; // Reset the state document.getElementById('sendButton').disabled = false; // Re-enable send button after receiving the response + response animation completes }); } } else if (change === '-') { if (this.loveStatus > 0) { this.loveStatus--; // Update the chat log with the greeting message this.updateChatLog('SYSTEM', `${this.speakingCharacter} disliked that.`, () => { this.saveGameState(); this.waitingForResponse = false; // Reset the state document.getElementById('sendButton').disabled = false; // Re-enable send button after receiving the response + response animation completes }); } } else if (change !== '0') { // If the response is not "+", "-", or "0", throw an error throw new Error(`Unexpected response: ${change}`); } // No action is taken if the response is "0" console.warn(`LoveStatus after update: ${this.loveStatus}`); // Update love bar width const newWidth = (this.loveStatus / this.loveBarGoal) * 100; document.getElementById('loveBarFill').style.width = `${newWidth}%`; // Check if the love status has reached its maximum value if (this.loveStatus === this.loveBarGoal) { this.waitingForResponse = true; console.info('Success reached.'); console.info('Disabling submit button and input box.'); // Disable the input box and submit button const chatInput = document.getElementById('chatInput'); const sendButton = document.getElementById('sendButton'); chatInput.disabled = true; sendButton.disabled = true; if (this.shot.setting === this.scene.game.saveData.last_scene.scene_shots[0].setting) { console.log("This shot is part of the last scene!"); // Clear the input container and fill it with heart images const inputContainer = chatInput.parentNode; // This gets the input-submit container inputContainer.innerHTML = ''; // Clear the container // Create a div to contain the hearts for better control const heartsDiv = document.createElement('div'); heartsDiv.style.display = 'flex'; heartsDiv.style.justifyContent = 'space-evenly'; heartsDiv.style.alignItems = 'center'; heartsDiv.style.width = '100%'; heartsDiv.style.height = '100%'; for (let i = 0; i < 8; i++) { // Add eight heart images const heartImg = document.createElement('img'); heartImg.src = `https://play.rosebud.ai/assets/heart_icon_pro.png.png?0TL1`; heartImg.style.width = '10%'; // Adjust the width of the hearts as needed heartImg.style.margin = '0 2%'; // Give some space between the hearts heartsDiv.appendChild(heartImg); } inputContainer.appendChild(heartsDiv); // Add the hearts div to the container // Add a narrator message indicating success this.updateChatLog('SYSTEM', `You married ${CHARACTER_NAME}!`, () => { this.saveGameState(); this.createContinueButton(); }); } else { // Add a narrator message indicating success this.updateChatLog('SYSTEM', 'You Succeeded!', () => { this.saveGameState(); this.createContinueButton(); }); } } } updateLoveBarVisual() { console.log(`Updating Love Bar to %${(this.loveStatus / this.loveBarGoal) * 100}`); const loveBarFill = document.getElementById('loveBarFill'); if (loveBarFill) { // Calculate the width percentage based on the current love status, now with a scale of 3 instead of 10 const widthPercentage = (this.loveStatus / this.loveBarGoal) * 100; loveBarFill.style.width = `${widthPercentage}%`; } } createContinueButton() { const baseStyle = ` font-family: 'Verdana', sans-serif; font-size: 16px; color: #000; border-style: solid; border-color: #2F4152; background-color: rgba(255, 255, 255, 0.85); box-sizing: border-box; cursor: pointer; /* Change cursor on hover */ padding: 10px; /* Button padding */ border-radius: 20px; /* Rounded corners for the button */ border-width: 1px; /* Border width */ `; const buttonStyle = ` ${baseStyle} position: absolute; top: 50%; /* Center vertically */ left: 50%; /* Center horizontally */ transform: translate(-50%, -50%); /* Adjust based on the exact positioning */ z-index: 100; /* Ensure the button is above other elements */ `; this.continueButton = document.createElement('button'); this.continueButton.setAttribute('style', buttonStyle); this.continueButton.innerText = 'Click Here To Continue'; this.continueButton.id = 'continueButton'; // Append to the chat container or another appropriate parent element document.getElementById('chatContainer').appendChild(this.continueButton); // Add click event listener to handle transition this.continueButton.addEventListener('click', () => { // Perform transition to the next shot or scene this.handleNextTransition(); // Implement this method based on your game logic }); } handleNextTransition() { // Before transitioning, reset the systemChatManager in the save state const saveData = localStorage.getItem(PROJECT_NAME); if (!saveData) { console.error('No save data found.'); } const parsedSaveData = JSON.parse(saveData); console.info('Resetting system chat manager save slot.'); if (parsedSaveData.systemChatManagerState) { parsedSaveData.systemChatManagerState = null; } console.info('Resetting character chat manager save slot.'); if (parsedSaveData.characterChatManagerState) { parsedSaveData.characterChatManagerState = null; } // this.game.saveData.previous_conversations.push(document.getElementById('chatLogContent').innerHTML); // Bugged console.info('Resetting chat log save slot.'); if (parsedSaveData.chatLog) { parsedSaveData.chatLog = ''; } else { console.warn('Chatlog content is missing from save.'); } console.info('Resetting love bar value save slot.'); if (parsedSaveData.loveBarLevel !== undefined) { parsedSaveData.loveBarLevel = null; } else { console.warn('Love bar level is missing from save.'); } // Reflect changes in save state this.saveGameState(); localStorage.setItem(PROJECT_NAME, JSON.stringify(parsedSaveData)); // Transition to the next shot or scene console.info('Transitioning from chat shot to the next shot or scene'); this.scene.fadeOutAndProceed([this.characterSprite, this.chatContainer, this.continueButton]); } } class BootScene extends Phaser.Scene { constructor() { super({ key: 'BootScene', }); } preload() { // Preload all global assets here (fonts, UI elements, sounds, etc.) this.load.image( 'music_off', `https://play.rosebud.ai/assets/audio_muted_icon.png?ZYIy`, ); this.load.image( 'music_on', `https://play.rosebud.ai/assets/audio_playing_icon.png?UcHD`, ); this.load.image( 'restart', `https://play.rosebud.ai/assets/restart_loop_icon.png?eFS6`, ); // Initialize the music manager here to ensure game systems are ready this.game.musicManager = new MusicManager(this.game); } create() { // Transition to StoryInfoScene this.game.sceneTransitionManager.transitionTo('StoryInfoScene'); } } class StoryInfoScene extends Phaser.Scene { constructor() { super({ key: 'StoryInfoScene', }); } preload() { // Preload the assets for this scene this.load.image( 'story_image', `https://play.rosebud.ai/assets/splash_v4.png.png?w9Ax`, ); this.load.image( 'info_screen_vignette', `https://play.rosebud.ai/assets/Gradient.webp.webp?qeCi`, ); this.load.image( 'story_title', `https://play.rosebud.ai/assets/story_title_new.png.png?5YDY`, ); this.load.image( 'info_text', `https://play.rosebud.ai/assets/info_text_v4.png.png?kx18`, ); this.load.image( 'play_button', `https://play.rosebud.ai/assets/play_button.webp.webp?5l6p`, ); } create() { createDeleteSaveButton(this); this.storyStarted = false; // Check if a save exists and load it, otherwise initialize a new game this.checkForExistingSave(); // Add the images to the scene with their initial positions this.createSceneElements(); this.applyWindEffect(); this.animatePlayButton(); // Fade in the scene this.game.sceneTransitionManager.fadeInScene(this, 1000); } checkForExistingSave() { const saveData = localStorage.getItem(PROJECT_NAME); if (saveData) { console.info('Save detected.'); this.game.saveData = JSON.parse(saveData); } else { console.info('No save detected. Initializing new game state.'); // If no save exists, initialize a new save with default values this.game.saveData = { storyScript: initializeStoryScript(), // Initialize your story script here last_scene: null, currentSceneIndex: 0, currentShotIndex: 0, chatLog: '', systemChatManagerState: null, // Assuming a default empty state is suitable characterChatManagerState: null, // Assuming a default empty state is suitable loveBarLevel: null, // previous_conversations: [] // Bugged }; this.game.saveData.last_scene = this.game.saveData.storyScript.story_scenes[this.game.saveData.storyScript.story_scenes.length - 1]; // Save the initial state to localStorage localStorage.setItem(PROJECT_NAME, JSON.stringify(this.game.saveData)); } } createSceneElements() { this.storyImage = this.add.image(0, 0, 'story_image').setOrigin(0, 0).setDepth(-10).setScale(1.05).setInteractive(); this.vignette = this.add.image(0, 0, 'info_screen_vignette').setOrigin(0, 0).setDepth(-5).setInteractive(); this.storyTitle = this.add.image(this.cameras.main.centerX, 85, 'story_title').setScale(1.2).setInteractive(); this.infoText = this.add.image(25, 590, 'info_text').setOrigin(0, 0).setInteractive(); this.playButton = this.add.image(this.cameras.main.centerX, this.cameras.main.centerY, 'play_button').setInteractive(); // An array of all elements that should respond to click/touch const interactiveElements = [this.storyImage, this.vignette, this.storyTitle, this.infoText, this.playButton]; // Assign the event listener to each interactive element interactiveElements.forEach(element => { element.on('pointerdown', () => { if (this.storyStarted) return; // Ignore the interaction if not allowed // Remove interactivity to prevent further clicks this.storyStarted = true; // Fade out the current scene this.game.sceneTransitionManager.fadeOutScene(this, 1000); // Delay the scene transition to ensure the fade-out completes this.time.delayedCall(1000, () => { this.game.sceneTransitionManager.transitionTo('StoryScene'); }); }); }); // Force game resize event to fix clicking on Safari mobile devices this.scale.resize(this.scale.gameSize._width, this.scale.gameSize._height); } applyWindEffect() { // Apply a gentle movement to simulate wind const elements = [this.storyImage, this.storyTitle]; elements.forEach((element) => { // Separate tweens for x and y to allow independent movement this.createWindTween(element, 'x'); this.createWindTween(element, 'y'); }); } createWindTween(target, axis) { // Determine initial offset values const initialValue = target[axis]; const randomOffset = () => Phaser.Math.Between(-5, 5); // Recursive function to apply continuous and varied movement const applyRecursiveTween = () => { this.tweens.add({ targets: target, [axis]: initialValue + randomOffset(), ease: 'Sine.easeInOut', duration: Phaser.Math.Between(2000, 3000), yoyo: true, repeat: 0, onComplete: () => { applyRecursiveTween(); // Apply a new tween with a new random offset }, }); }; applyRecursiveTween(); // Start the recursive application of tweens } animatePlayButton() { // Periodic enlargement to attract attention this.tweens.add({ targets: this.playButton, scaleX: 1.07, scaleY: 1.07, ease: 'Linear', duration: 500, yoyo: true, delay: 1000, // Start after 5 seconds and repeat repeat: -1 }); } } class StoryScene extends Phaser.Scene { constructor() { super({ key: 'StoryScene', }); this.acceptedShotTypes = [ 'character_customization', 'name_selection', 'dialog', 'weapon_choice', 'story_choice', 'chat', ]; this.weaponSprites = []; // To track weapon sprites for easy cleanup // Flag to track if interactions are currently allowed this.allowInteraction = false; } init() { // Define CSS for bubbles this.bubbleStyle = ` font-family: 'Verdana', sans-serif; font-size: 16px; padding: 15px 25px 30px 20px; border-radius: 20px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); background-color: rgba(255, 255, 255, 0.85); color: #000; `; this.messageBubbleStyle = ` ${this.bubbleStyle} width: 275px; height: 65px; border-radius: 20px; border-style: solid; border-color: #2F4152; border-width: 1px; `; } preload() { // Preload UI elements this.load.image( 'vignette', `https://play.rosebud.ai/assets/vignette.webp.webp?eO1f`, ); this.load.image( 'left_arrow', `https://play.rosebud.ai/assets/left_arrow.webp.webp?rLUD`, ); this.load.image( 'right_arrow', `https://play.rosebud.ai/assets/right_arrow.webp.webp?8aaU`, ); this.load.image( 'confirm_button', `https://play.rosebud.ai/assets/choice_confirmation_button.webp.webp?gtUn`, ); this.load.image( 'instruction_bg', `https://play.rosebud.ai/assets/choice_bubble.webp.webp?SEwA`, ); // Dynamically preload assets defined in the story script from saveData this.game.saveData.storyScript.story_scenes.forEach((scene, sceneIndex) => { // Preload backgrounds if (scene.background && scene.background.trim() !== '') { this.load.image(`background_${sceneIndex}`, scene.background); } // Preload music if (scene.music && scene.music.trim() !== '') { this.load.audio(`music_${sceneIndex}`, scene.music); } // Preload choice sprites and weapon sprites scene.scene_shots.forEach((shot, shotIndex) => { if (shot.shot_type === 'character_customization' && shot.choice_sprites) { console.info(`Loading character customization sprite choices: ${shot.choice_sprites}`); shot.choice_sprites.forEach((spriteUrl, choiceIndex) => { this.load.image(`customizationSprite_${sceneIndex}_${shotIndex}_${choiceIndex}`, spriteUrl); }); } else if (shot.shot_type === 'weapon_choice' && shot.choice_sprites) { console.info(`Loading weapon customization sprite choices: ${shot}`); Object.entries(shot.choice_sprites).forEach(([weaponId, spriteUrl], index) => { this.load.image(`weaponSprite_${sceneIndex}_${shotIndex}_${weaponId}`, spriteUrl); }); } }); }); } create() { createMuteToggleButton(this); createDeleteSaveButton(this); // Correctly check if the current scene has music defined before attempting to play it const currentSceneMusic = this.game.saveData.storyScript.story_scenes[this.game.saveData.currentSceneIndex].music; if (currentSceneMusic) { const musicKey = `music_${this.game.saveData.currentSceneIndex}`; console.info(`Playing music: ${musicKey}`); this.game.musicManager.playMusicByKey(musicKey); } this.setSceneBackground(); // Set the scene background based on current scene this.vignette = this.add.image(0, 0, 'vignette').setOrigin(0, 0).setDepth(20); // Add vignette above background this.processCurrentShot(); // Start processing the current shot of the current scene // Fade in the scene this.game.sceneTransitionManager.fadeInScene(this, 1000); } setSceneBackground() { // Generate the next background key based on the current scene index from saveData const nextBackgroundKey = `background_${this.game.saveData.currentSceneIndex}`; // Check if the background for the next scene is intentionally left blank (indicating no change) using saveData if (!this.game.saveData.storyScript.story_scenes[this.game.saveData.currentSceneIndex].background) { console.info('Background stays the same, no change.'); return; } // Check if the next background is the same as the current one if (this.currentBackground && this.currentBackground.texture.key === nextBackgroundKey) { // The same background is already displayed, no action needed return; } console.info(`Setting background: ${nextBackgroundKey}`); // Fade out current background if exists and it's a different background if (this.currentBackground) { this.tweens.add({ targets: this.currentBackground, alpha: 0, duration: 500, onComplete: () => { // After fade out, set the new texture and fade it in this.currentBackground.setTexture(nextBackgroundKey); this.currentBackground.alpha = 0; // Ensure it's invisible before fading in this.fadeInBackground(); } }); } else { // No existing background, simply add and fade in this.currentBackground = this.add.image(0, 0, nextBackgroundKey).setOrigin(0, 0).setAlpha(0); this.currentBackground.setDepth(-10); this.fadeInBackground(); } } fadeInBackground() { // Fade in the current or new background this.tweens.add({ targets: this.currentBackground, alpha: 1, duration: 1000, }); } makeBackgroundInteractive(elementsToFade) { // Make the background interactive if (this.currentBackground) { this.currentBackground.setInteractive(); } // Add a pointerdown event listener this.currentBackground.on('pointerdown', () => { if (!this.allowInteraction) return; // Ignore the interaction if not allowed this.allowInteraction = false; console.log("Fading background"); // Call fadeOutAndProceed with the provided elements this.fadeOutAndProceed(elementsToFade); // After the background is clicked, remove its interactivity this.currentBackground.disableInteractive(); this.currentBackground.removeAllListeners('pointerdown'); }); } processCurrentShot() { // Accessing current scene and shot using saveData const currentScene = this.game.saveData.storyScript.story_scenes[this.game.saveData.currentSceneIndex]; const currentShot = currentScene.scene_shots[this.game.saveData.currentShotIndex]; // Check if the current shot type is one of the accepted types and handle accordingly if (this.acceptedShotTypes.includes(currentShot.shot_type)) { switch (currentShot.shot_type) { case 'name_selection': this.handleNameChoice(currentShot); break; case 'chat': this.handleChat(currentShot); break; default: console.error('Unhandled shot type:', currentShot.shot_type); } } else { console.info( 'Shot type not accepted or end of scene reached, moving to next scene or back to StoryInfoScene.', ); this.game.sceneTransitionManager.transitionTo('StoryInfoScene'); } } proceedToNextShotOrScene() { console.warn(`DOES BG EXIST ${this.currentBackground}`) // Accessing current scene and shot indexes from saveData const currentScene = this.game.saveData.storyScript.story_scenes[this.game.saveData.currentSceneIndex]; if (this.game.saveData.currentShotIndex < currentScene.scene_shots.length - 1) { // Move to the next shot within the current scene this.game.saveData.currentShotIndex++; this.processCurrentShot(); } else { // Check if a next scene is specified and valid const nextSceneName = currentScene.next_scene; if (nextSceneName) { const nextSceneIndex = this.game.saveData.storyScript.story_scenes.findIndex( (scene) => scene.scene_name === nextSceneName, ); if (nextSceneIndex !== -1) { // Valid next scene found, transition to it this.game.saveData.currentSceneIndex = nextSceneIndex; this.game.saveData.currentShotIndex = 0; this.setSceneBackground(); // Log scene the player is and was on ProgressLogger.logProgress('snake-king-scene-transition', { prevScene: currentScene.scene_name, nextScene: nextSceneName, }); // Check if the next scene has music defined before attempting to play it if (this.game.saveData.storyScript.story_scenes[nextSceneIndex].music) { const musicKey = `music_${nextSceneIndex}`; console.info(`Playing music: ${musicKey}`); this.game.musicManager.playMusicByKey(musicKey); } this.processCurrentShot(); } else { // Next scene name provided but not found, likely a configuration error console.error('Next scene specified not found:', nextSceneName); resetGame(); } } else { console.warn('No next scene specified. Transitioning to main menu.'); // No next scene specified, indicating the end of the game // Transition back to the StoryInfoScene or an end game scene resetGame(); } } // Important: Remember to save changes to localStorage after updating saveData localStorage.setItem(PROJECT_NAME, JSON.stringify(this.game.saveData)); } handleNameChoice(shot) { // CSS for the container const containerStyle = ` display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; height: 200px; width: 300px; border-radius: 8px; border-style: solid; border-color: #2F4152; border-width: 1px; background-color: rgba(255, 255, 255, 0.85); `; // CSS for the title text const titleStyle = ` font-family: 'Courier New', sans-serif; font-size: 22px; color: #000; `; // CSS for the input field const inputStyle = ` font-size: 18px; padding: 10px; `; // CSS for the confirm button const buttonStyle = ` font-size: 14px; padding: 10px; cursor: pointer; border-radius: 8px; color: #FFF; background-color: #5A7894; `; // Combine the individual styles into the HTML content for name selection const nameSelectionHtml = `

Select Your Name

`; // Add the HTML form to the scene const nameSelectionForm = this.add.dom(this.cameras.main.centerX, this.cameras.main.centerY).createFromHTML(nameSelectionHtml).setAlpha(0); // Fade in all elements sequentially this.fadeInElementsSequentially([nameSelectionForm]); // Handle the confirm button click const confirmButton = nameSelectionForm.getChildByID('confirmName'); confirmButton.addEventListener('click', () => { // Disable the button immediately to prevent multiple clicks confirmButton.disabled = true; const playerName = nameSelectionForm.getChildByID('nameInput').value; console.info(`Name selected: ${playerName}`); this.game.saveData.storyScript.speakers.player.name = playerName; // Update the player's name in the story script ProgressLogger.logProgress('snake-king-player-name', {'playerName': playerName}); this.fadeOutAndProceed([nameSelectionForm]); }); } handleChat(shot) { let spriteKey = `characterSprite_${shot.setting}`; const createChatMenu = (character_sprite) => { console.warn(`Passing the following values to chat: \n${this}\n${shot}\n${CHARACTER_NAME}\n${character_sprite}`); this.chatMenu = new ChatMenu(this, shot, CHARACTER_NAME, character_sprite); }; if (!this.textures.exists(spriteKey) && shot.character_sprite_url) { // Load the character sprite and then display it loadCharacterSprite.call(this, shot.character_sprite_url, spriteKey, () => { let character_sprite = this.add.image(0, 185, spriteKey).setAlpha(0.0).setOrigin(0.0); createChatMenu(character_sprite); }); } else { let character_sprite = this.add.image(0, 185, spriteKey).setOrigin(0.0); createChatMenu(character_sprite); } } fadeInElementsSequentially(elements, duration = 300) { this.allowInteraction = false; // Disable new interactions const timeline = this.tweens.createTimeline(); elements.forEach(element => { timeline.add({ targets: element, alpha: { from: 0, to: 1 }, duration: duration, }); }); timeline.setCallback('onComplete', () => { this.allowInteraction = true; // Re-enable interactions after all elements have faded in }, []); timeline.play(); } fadeOutAndProceed(targets) { this.isInteractionAllowed = false; // Disable interactions during fade-out this.tweens.add({ targets: targets, alpha: 0, duration: 1250, onComplete: () => { targets.forEach(target => { if (target instanceof Phaser.GameObjects.DOMElement || target instanceof Phaser.GameObjects.Sprite) { target.destroy(); } }); // Re-enable interactions and transition to the next shot or scene this.isInteractionAllowed = true; this.proceedToNextShotOrScene(); } }); } } function loadCharacterSprite(url, key, callback) { console.info(`Loading sprite: ${url}`); this.load.image(key, url); this.load.once('complete', () => { console.info(`Sprite loaded: ${key}`); callback(); // Call the callback function to proceed }); this.load.start(); } function createMuteToggleButton(scene) { let isMusicPlaying = scene.game.musicManager.currentTrack && scene.game.musicManager.currentTrack.isPlaying; let buttonTexture = 'music_on'; let muteButton = scene.add.image(25, 40, buttonTexture).setOrigin(0, 0).setInteractive(); muteButton.setDepth(1000); // Ensure it's above other elements let lastToggleTime = 0; const toggleDelay = 500; // 500 milliseconds delay muteButton.on('pointerdown', () => { const currentTime = Date.now(); if (currentTime - lastToggleTime < toggleDelay) { // If the button is pressed again too quickly, don't do anything return; } lastToggleTime = currentTime; // Toggle the music state scene.game.musicManager.toggleMusic(); isMusicPlaying = scene.game.musicManager.currentTrack && scene.game.musicManager.currentTrack.isPlaying; muteButton.setTexture(isMusicPlaying ? 'music_on' : 'music_off'); }); return muteButton; // Return the mute button for further use } function createDeleteSaveButton(scene) { let deleteButton = scene.add.image(335, 40, 'restart').setOrigin(0, 0).setInteractive(); deleteButton.setDepth(1000); // Ensure it's above other elements deleteButton.on('pointerdown', () => { showDeleteConfirmation(scene); }); return deleteButton; // Return the button for further use } function showDeleteConfirmation(scene) { // CSS for the confirmation dialog const dialogStyle = ` display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; text-align: center; height: 200px; width: 300px; padding-left: 10px; /* Added left padding */ padding-right: 10px; /* Added right padding */ border-radius: 8px; border-style: solid; border-color: #2F4152; border-width: 1px; background-color: rgba(255, 255, 255, 0.85); box-sizing: border-box; /* Ensures padding doesn't affect the overall width */ `; // CSS for the confirm and cancel buttons, similar to the confirm button in name selection const buttonStyle = ` font-size: 14px; padding: 10px; cursor: pointer; border-radius: 8px; color: #FFF; background-color: #5A7894; margin: 5px; `; // HTML content for the confirmation dialog const confirmationHtml = `

Are you sure you want to delete your save?

`; // Add the HTML dialog to the scene const confirmationDialog = scene.add .dom(scene.cameras.main.centerX, scene.cameras.main.centerY) .createFromHTML(confirmationHtml); // Handle the confirm button click const confirmDeleteButton = confirmationDialog.getChildByID('confirmDelete'); confirmDeleteButton.addEventListener('click', () => { // Delete the save localStorage.removeItem(PROJECT_NAME); // Assuming resetGame is globally accessible or adjust scope accordingly resetGame(); // Note: Since resetGame() reinitializes the game, // ensure any subsequent code here is compatible with your game's reset logic. // Depending on how resetGame is implemented, you might not need to manually navigate // to 'StoryInfoScene' as the game reset process should handle scene (re)loading. }); // Handle the cancel button click const cancelDeleteButton = confirmationDialog.getChildByID('cancelDelete'); cancelDeleteButton.addEventListener('click', () => { confirmationDialog.destroy(); // Close the dialog without deleting }); } function findLastSetBackground(scenes, currentIndex) { for (let i = currentIndex; i >= 0; i--) { if (scenes[i].background) return scenes[i].background; } return null; // Return a default background or null if none found } function findLastSetMusic(scenes, currentIndex) { for (let i = currentIndex; i >= 0; i--) { if (scenes[i].music) return scenes[i].music; } return null; // Return a default music or null if none found } const VERSION_NUMBER = 'v0.1.2 Easy To Test'; // Set the version number here. const PROJECT_NAME = `Marry Gojo Satoru! ${VERSION_NUMBER} (Quick Test Version)`; function initializeGame() { const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 390, height: 844, scene: [BootScene, StoryInfoScene, StoryScene], dom: { createContainer: true, }, }; // Assuming 'game' is declared in a broader scope if you need to reference it elsewhere window.game = new Phaser.Game(config); window.game.sceneTransitionManager = new SceneTransitionManager(game); } function resetGame() { if (window.game) { window.game.destroy(true); // true to remove all game objects initializeGame(); // Reinitialize the game } } initializeGame();