////////////////////////////////////////////////////////////// // UPDATE VALUES IN THIS SECTION TO EASILY MODIFY GAME // CHARACTER INFO const CHARACTER_NAME = "Gojo Satoru"; const CHARACTER_DESCRIPTION = ` You are 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: Gojo wears a black jacket with a tight-fitting black shirt underneath. He has black slacks, black shoes, and wears either a black blindfold or dark sunglasses to cover his striking eyes. Gojo has expensive taste in clothing when he's not dressed in his uniform as a teacher. 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. Examples of your exchanges with users: -- “Fight me, Gojo. I swear on my life I can handle you.” -- 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. -- “I'm being serious!” -- 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?” *** -- 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!” -- 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.” *** -- “What is with you?! Why are you so hellbent on spending time with me?” -- 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.” -- 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!!!” `; const CHARACTER_IMAGE_URL = `https://play.rosebud.ai/assets/genevievehilma_Gojo_Satoru_from_jujutsu_kaisen_--ar_916_--nij_a1cdba08-958f-4f7f-b3c6-b73576c1dc91_2.png.png?E117` const SONG_PLAYLIST_URLS = [ `https://play.rosebud.ai/assets/Stream Loops 2024-03-20_01.mp3.mp3?i1kv`, ]; // Put URLs of all songs you want to be shuffled in this games's playlist. // END OF EASY-MODIFY VALUES ////////////////////////////////////////////////////////////// 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 = 0) { scene.cameras.main.fadeIn(duration); } fadeOutScene(scene, duration = 0) { scene.cameras.main.fadeOut(duration); } } class MusicManager { constructor(game) { this.game = game; this.playlist = []; this.currentTrackIndex = 0; this.isPlaying = false; } setPlaylist(musicKeys) { this.playlist = musicKeys; this.shufflePlaylist(); } shufflePlaylist() { for (let i = this.playlist.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [this.playlist[i], this.playlist[j]] = [this.playlist[j], this.playlist[i]]; // Swap } console.log('Shuffled playlist:', this.playlist); } playNextTrack() { if (this.playlist.length === 0) { console.warn('Playlist is empty.'); return; } this.currentTrackIndex = (this.currentTrackIndex + 1) % this.playlist.length; console.log(`Playing next track: ${this.playlist[this.currentTrackIndex]}`); this.playMusicByKey(this.playlist[this.currentTrackIndex]); } playMusicByKey(musicKey) { if (!musicKey) { console.info('No music key provided, not changing current music.'); return; } console.log(`Playing music by key: ${musicKey}`); if (this.currentTrack && this.currentTrack.key !== musicKey) { this.stopMusic(); } if (!this.currentTrack) { this.startMusic(musicKey); } } startMusic(musicKey) { if (!this.game || !this.game.sound) { console.error('Sound system is not ready or game instance is not valid.'); return; } this.currentTrack = this.game.sound.add(musicKey, { volume: 0.1, loop: false, }); this.currentTrack.play(); console.log(`Started playing: ${musicKey}`); this.currentTrack.on('complete', () => { console.log(`Track completed: ${musicKey}`); this.playNextTrack(); }); this.isPlaying = true; } stopMusic() { if (this.currentTrack) { console.log(`Stopping music: ${this.currentTrack.key}`); this.currentTrack.stop(); this.currentTrack.destroy(); this.currentTrack = null; } this.isPlaying = false; } toggleMusic() { if (this.currentTrack) { if (this.isPlaying) { console.log('Pausing music'); this.currentTrack.pause(); } else { console.log('Resuming music'); this.currentTrack.resume(); } this.isPlaying = !this.isPlaying; } } } // ChatManager is already imported in the current scope. class ChatMenu { constructor( scene, characterSprite, ) { this.scene = scene; // Always create new ChatManager instances this.characterChatManager = new ChatManager(CHARACTER_DESCRIPTION); this.characterSprite = characterSprite; this.waitingForResponse = false; this.createChatUI().then(() => { this.loadSavedChat(); // Check if the chat log is empty. if (!document.getElementById('chatLogContent').innerHTML.trim()) { this.getInitialGreeting(); // Temporarily disable input, send goal message, and greeting message from character. this.saveGameState(); this.waitingForResponse = false; // Reset the state } }); } 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.75); box-sizing: border-box; `; const chatLogStyle = ` ${baseStyle} width: 390px; /* Match game width */ height: 300px; 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 getInitialGreeting() { // Update button to show loading icon sendButton.innerHTML = '

'; sendButton.disabled = true; this.characterChatManager.addMessage('user', "*Approaches you*"); // Assume getCharacterResponse() is an async operation const characterResponse = await this.characterChatManager.getCharacterResponse('mistral'); this.characterChatManager.addMessage('assistant', characterResponse); this.updateChatLog(CHARACTER_NAME, characterResponse, async () => { this.saveGameState(); // Revert the send button back to its original state sendButton.innerHTML = 'SEND'; sendButton.disabled = false; }); } 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.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'); ProgressLogger.logProgress('game-chat', { userMessage: inputValue, characterResponse: characterResponse }); this.characterChatManager.addMessage('assistant', characterResponse); this.updateChatLog(CHARACTER_NAME, characterResponse, async () => { 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; } // Update the game save data with the current chat log and love bar level parsedSaveData.chatLog = chatLogContent; // 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); } // 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.'); } console.info('Game state loaded.'); } } class BootScene extends Phaser.Scene { constructor() { super({ key: 'BootScene' }); } preload() { // Preload audio files SONG_PLAYLIST_URLS.forEach((url, index) => { this.load.audio(`track_${index}`, url); }); // Preload all global assets here (fonts, UI elements, sounds, etc.) this.load.image( 'music_off', `https://play.rosebud.ai/assets/audio_muted_icon.png.png?liAz`, ); this.load.image( 'music_on', `https://play.rosebud.ai/assets/audio_playing_icon.png.png?u9UT`, ); this.load.image( 'restart', `https://play.rosebud.ai/assets/restart_loop_icon.png.png?tTsl`, ); } create() { // Initialize the music manager after all assets are loaded this.game.musicManager = new MusicManager(this.game); // Pass the preloaded audio keys to the music manager const musicKeys = SONG_PLAYLIST_URLS.map((_, index) => `track_${index}`); this.game.musicManager.setPlaylist(musicKeys); // Now you can start playing music, perhaps triggered by some user action or game event // For example, to start immediately, you could do: this.game.musicManager.playNextTrack(); this.game.musicManager.shufflePlaylist(); console.log(this.game.musicManager.playlist); // Check if a save exists and load it, otherwise initialize a new game this.checkForExistingSave(); // Transition to StoryInfoScene this.game.sceneTransitionManager.transitionTo('ChatScene'); } 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 = { chatLog: '', characterChatManagerState: null, // Assuming a default empty state is suitable }; // Save the initial state to localStorage localStorage.setItem(PROJECT_NAME, JSON.stringify(this.game.saveData)); } } } class ChatScene extends Phaser.Scene { constructor() { super({ key: 'ChatScene', }); } preload() { // Preload the assets for this scene this.load.image( 'character_image', CHARACTER_IMAGE_URL, ); this.load.image( 'info_screen_vignette', `https://play.rosebud.ai/assets/vignette.webp.webp?eO1f`, ); } create() { // Add the images to the scene with their initial positions this.createSceneElements(); // Fade in the scene this.game.sceneTransitionManager.fadeInScene(this, 0); ProgressLogger.logProgress('game-start', { sceneName: 'ChatScene' }); console.warn("Chat Scene reached."); } createSceneElements() { let characterImage = this.textures.get('character_image').getSourceImage(); // Calculate values to resize the image to fit the screen let imageWidth = characterImage.width; let imageHeight = characterImage.height; let scaleFactorWidth = 390 / imageWidth; // Scale factor based on width let scaledHeight = imageHeight * scaleFactorWidth; // Calculate height to maintain aspect ratio when scaled by width let scaleFactor = scaleFactorWidth; // Default to scaling by width if (scaledHeight < 844) { // If the scaled height is less than the screen height, calculate scale factor based on height instead let scaleFactorHeight = 844 / imageHeight; scaleFactor = scaleFactorHeight; } let scaledWidth = imageWidth * scaleFactor; // Recalculate the width if scaled by height // Calculate the position to center the image let xOffset = (390 - scaledWidth) / 2; // Horizontal offset if the image is wider than the screen let character_sprite = this.add.image(xOffset, 0, 'character_image') .setOrigin(0, 0) .setDepth(-10) .setInteractive() .setDisplaySize(scaledWidth, 844); // Ensure the height matches the screen height, potentially cutting off sides this.vignette = this.add.image(0, 0, 'info_screen_vignette').setOrigin(0, 0).setDepth(-5).setInteractive(); createMuteToggleButton(this); createDeleteSaveButton(this); this.chatMenu = new ChatMenu(this, character_sprite); // Force game resize event to fix clicking on Safari mobile devices this.scale.resize(this.scale.gameSize._width, this.scale.gameSize._height); } } 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 }); } const VERSION_NUMBER = 'v1'; // Set the version number here. const PROJECT_NAME = `${CHARACTER_NAME} AI Character ${VERSION_NUMBER}`; 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, ChatScene], 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();