// ChatManager is already imported in the current scope. /// Modify the elements inside the narrative_scenes array to /// add more scenes and customize the dialog. class Character { constructor(characterName, spriteUrl, description) { this.name = characterName; this.spriteUrl = spriteUrl; this.description = description; } } class Background { constructor(name, spriteUrl, description) { this.name = name; this.spriteUrl = spriteUrl; this.description = description; } } class StoryScene { constructor(sceneName, background, music, sceneShots) { this.name = sceneName; this.background = background; this.music = music; this.sceneShots = sceneShots; } } class SceneShot { shotType = 'dialog'; constructor(message, character) { this.message = message; this.character = character; } } class GameState { constructor(characters, storyScenes, currentSceneIndex, currentShotIndex, playerName, storyPrompt) { this.characters = characters; this.storyScenes = storyScenes; this.currentSceneIndex = currentSceneIndex; this.currentShotIndex = currentShotIndex; this.playerName = playerName; this.storyPrompt = storyPrompt; } } let gameState; function loadGameStateFromSave(saveData) { const characters = saveData.characters.map(characterData => { return new Character(characterData.name, characterData.spriteUrl, characterData.description); }); const storyScenes = saveData.storyScenes.map(sceneData => { const sceneShots = sceneData.sceneShots.map(shotData => { const character = shotData.character; return new SceneShot(shotData.message, character); }); return new StoryScene(sceneData.name, sceneData.background, sceneData.music, sceneShots); }); // Initialize GameState with the constructed characters and story scenes const gameState = new GameState(characters, storyScenes, saveData.currentSceneIndex, saveData.currentShotIndex, saveData.playerName, saveData.storyPrompt); return gameState; } function initializeGameState() { return { "characters": [{ "spriteUrl": `https://play.rosebud.ai/assets/karthik_silhouette.png.png?jyrg`, "description": "You are a character within an interactive story game. You respond as the character Ananta. A scenario is a unique conversation with the player in a specific context. You do NOT need to manage the scenario. Always base your response on the latest scenario message in the chat history. Ananta is the current Nagaraja, the king of the Snake court, who wants to take the player as your concubine. You are attractive and a shockingly smooth talker. You are likable and not proud/cocky. You are deeply sexually interested in the player and find it hard to hide it. You know deep down the player is attracted to you. You don\"t refer to the player as 'player'. Just provide the text that Ananta is saying. Do NOT specify that Ananta is the one speaking. Make sure to keep your responses short and sweet. DO NOT SAY TOO MUCH AT ONCE. DO NOT INCLIUDE ANY SYSTEM INFO IN YOUR RESPONSES. EVERYTHING YOU SAY SHOULD BE WHAT ANANTA IS SAYING", "name": "player" }], "backgrounds": [], "storyScenes": [], "currentSceneIndex": 0, "currentShotIndex": 0, "playerName": "bob", "storyPrompt": "", } } class SceneTransitionManager { constructor(game) { this.game = game; } transitionTo(sceneKey, htmlElements = []) { const currentScene = this.game.scene.getScenes(true)[0]; if (currentScene) { this.fadeOutScene(currentScene, 1000); htmlElements.forEach(element => { if (element) { this.fadeOutHTMLElement(element, 1000); } }); currentScene.cameras.main.once('camerafadeoutcomplete', () => { // Ensure all current scenes are stopped before starting the new scene Phaser.Actions.Call(this.game.scene.getScenes(true), (scene) => { this.removeScene(scene.scene.key); }); // Now start the new scene this.game.scene.start(sceneKey); this.game.scene.bringToTop(sceneKey); // Ensure the new scene is on top }); } else { this.game.scene.start(sceneKey); this.game.scene.bringToTop(sceneKey); } } fadeOutHTMLElement(element, duration) { console.warn(`Fading out HTML element: ${element.id}`); } removeScene(sceneKey) { if (this.game.scene.getScene(sceneKey)) { this.game.scene.remove(sceneKey); } } fadeInScene(scene, duration) { if (scene && scene.cameras && scene.cameras.main) { scene.cameras.main.fadeIn(duration); console.log(`Fading in scene: ${scene.scene.key}`); } else { console.error(`Unable to fade in scene: ${scene.scene.key}`); } } fadeOutScene(scene, duration) { if (scene && scene.cameras && scene.cameras.main) { scene.cameras.main.fadeOut(duration); console.log(`Fading out scene: ${scene.scene.key}`); } else { console.error(`Unable to fade out scene: ${scene.scene.key}`); } } } 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 } } } } 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.png?1Zsl`); this.load.image('music_on', `https://play.rosebud.ai/assets/audio_playing_icon.png.png?Dwni`); this.load.image('restart', `https://play.rosebud.ai/assets/restart_loop_icon.png.png?xl0W`); this.load.image('close_icon', `https://play.rosebud.ai/assets/exit.png.png?Ss52`); this.load.video('introVideo', `https://play.rosebud.ai/assets/rosebud_boot_edited.mp4.mp4?zLKp`, 'loadeddata', false, true); // Initialize the music manager here to ensure game systems are ready this.game.musicManager = new MusicManager(this.game); } create() { // Check if a save exists and load it, otherwise initialize a new game this.checkForExistingSave(); let video = this.add.video(0, 0, 'introVideo').setOrigin(0, 0); video.play(false); this.time.addEvent({ delay: 100, callback: () => { if (video.getCurrentTime() >= video.getDuration()) { if (!this.videoComplete) { this.videoComplete = true; // Prevent multiple triggers this.onVideoComplete(); } } }, loop: true }); } onVideoComplete() { this.time.delayedCall(1000, () => { this.game.sceneTransitionManager.transitionTo('MainMenu'); }, [], this); } checkForExistingSave() { const localData = localStorage.getItem(PROJECT_NAME); if (localData) { console.info('Save detected.'); gameState = loadGameStateFromSave(JSON.parse(localData)); } else { console.info('No save detected. Initializing new game state.'); // If no save exists, initialize a new save with default values gameState = loadGameStateFromSave(initializeGameState()); // Initialize ChatManager for each character that requires one Object.entries(gameState.characters).forEach(([key, value]) => { if (value.hasOwnProperty('chat_manager') && value.chat_manager === null) { // Initialize and serialize a new ChatManager for the character const newChatManager = new ChatManager(value.character_prompt); value.chat_manager = JSON.stringify(newChatManager); // Serialize the new ChatManager } }); // Save the initial state to localStorage localStorage.setItem(PROJECT_NAME, JSON.stringify(gameState)); } } } class SceneUtils { static applyWindEffect(scene, elements) { elements.forEach((element) => { SceneUtils.createWindTween(scene, element, 'x'); SceneUtils.createWindTween(scene, element, 'y'); }); } static createWindTween(scene, target, axis) { const initialValue = target[axis]; const randomOffset = () => Phaser.Math.Between(-5, 5); const applyRecursiveTween = () => { scene.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(); } static createCloseButton(scene, targetSceneKey) { const closeButton = scene.add.image(scene.cameras.main.width - 25, 30, 'close_icon').setOrigin(0.5).setInteractive(); closeButton.setDepth(1000); // Ensure it's above other elements closeButton.setScrollFactor(0); // Ensure the button stays in place if the camera moves // Transitiion not working well so using reset for now closeButton.on('pointerdown', () => { // scene.game.sceneTransitionManager.transitionTo(targetSceneKey); SceneUtils.resetGame(); }); return closeButton; // Return the button for further use } static 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', () => { SceneUtils.showDeleteConfirmation(scene); }); return deleteButton; // Return the button for further use } static 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 SceneUtils.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 }); } static resetGame() { if (window.game) { window.game.destroy(true); // true to remove all game objects initializeGame(); // Reinitialize the game } } static 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 muteButton.on('pointerdown', () => { 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 } static loadCharacterSprite(url, key, callback) { console.info(`Loading sprite: ${url}`); console.log("ASKDJLASJKDAJ") console.log(url, key) this.load.image(key, url); this.load.once('complete', () => { console.info(`Sprite loaded: ${key}`); callback(); // Call the callback function to proceed }); this.load.start(); } static findLastSetBackground(scenes, currentIndex) { // NEED TO DEBUG AND USE 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 } static findLastSetMusic(scenes, currentIndex) { // NEED TO DEBUG AND USE 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 } } class MainMenu extends Phaser.Scene { constructor() { super({ key: 'MainMenu', }); } preload() { this.load.image('title_screen_bg', `https://play.rosebud.ai/assets/main_menu_bg.png.png?8Jv9`); this.load.image('game_title', 'https://storage.googleapis.com/rosebud_assets_storage_develop/d7d539c3-ad31-4694-90d6-d1e14b4a75b3.png'); this.load.image('rosebud_logo', `https://play.rosebud.ai/assets/by_rosebud_icon.png.png?9vr1`); this.load.image('vignette', 'https://storage.googleapis.com/rosebud_assets_storage_develop/4687aaff-ac17-4419-a6bd-85af557c8628.png'); this.load.image('splash_art', 'https://storage.googleapis.com/rosebud_assets_storage_develop/7834e8e1-0736-400e-8434-59566908f9ed.png'); } create() { this.storyStarted = false; this.createSceneElements(); this.createButtons(); SceneUtils.createDeleteSaveButton(this); this.game.sceneTransitionManager.fadeInScene(this, 1000); } createSceneElements() { const titleScreenBG = this.add.image(0, 0, 'title_screen_bg').setOrigin(0).setScale(1.0).setDepth(-3); const splashArt = this.add.image(0, 312, 'splash_art').setOrigin(0).setDepth(-2); const vignette = this.add.image(0, 0, 'vignette').setOrigin(0).setDepth(-1); const gameTitle = this.add.image(this.cameras.main.centerX, 62, 'game_title').setOrigin(0.5, 0).setDepth(2); const rosebudLogo = this.add.image(282, 277, 'rosebud_logo').setDepth(2); SceneUtils.applyWindEffect(this, [titleScreenBG, splashArt, gameTitle, rosebudLogo]); // Force game resize event to fix clicking on Safari mobile devices this.scale.resize(this.scale.gameSize._width, this.scale.gameSize._height); } createButtons() { this.baseButtonStyle = ` background-color: rgba(255, 109, 249, 0.85); // Color FF6DF9 at 85% opacity font-family: 'Verdana', sans-serif; font-size: 18px; color: #fff; border-style: solid; border-color: #2F4152; border-width: 1px; box-sizing: border-box; cursor: pointer; padding: 15px; border-radius: 20px; text-align: center; width: 252px; // Fixed width height: 52px; // Fixed height line-height: 52px; // Align text vertically `; // Initialize the Play Story button (disabled by default) this.playStoryButton = this.add.dom(this.cameras.main.centerX, this.cameras.main.height - 150, 'button', this.baseButtonStyle, // Default gray color 'START STORY').setOrigin(0.5).setInteractive(); this.playStoryButton.removeListener('click').addListener('click').on('click', () => { this.playStoryButton.disableInteractive(); this.game.sceneTransitionManager.transitionTo('UserStoryPromptInput'); }); } } class UserStoryPromptInput extends Phaser.Scene { constructor() { super({ key: 'UserStoryPromptInput' }); } preload() { // Load the background image and sprites this.load.image('prompt_screen_bg', `https://play.rosebud.ai/assets/create_mode_select_menu_bg.png.png?tu8V`); } create() { // Add the background image const promptScreenBG = this.add.image(0, 0, 'prompt_screen_bg').setOrigin(0).setDepth(-1); SceneUtils.applyWindEffect(this, [promptScreenBG]); this.game.sceneTransitionManager.fadeInScene(this, 1000); // Display the scene creation form this.displaySceneCreationForm(); } displaySceneCreationForm() { const titleStyle = ` font-size: 20px; color: #2F4152; margin: 20px 20px 10px 20px; `; const formContainerStyle = ` display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; width: 300px; padding: 15px; // Add some padding to ensure content doesn't touch the edges border-radius: 15px; border-style: solid; border-color: #2F4152; border-width: 2px; background-color: rgba(255, 255, 255, 1.00); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); `; const inputStyle = ` width: 90%; height: 100px; margin: 10px 0; // Add margin on top for spacing `; const buttonStyle = ` font-size: 16px; width: 150px; padding: 10px; margin-top: 10px; // Add margin on top for spacing cursor: pointer; border-radius: 5px; border: 1px solid #2F4152; background-color: #5C34B2; color: white; `; // Create the form HTML including the title const sceneInputHtml = `

Summarize the type of story you want in one line.

`; // Add the form to the DOM this.sceneCreationForm = this.add.dom(this.cameras.main.centerX, this.cameras.main.centerY).createFromHTML(sceneInputHtml); // Retrieve the submit button from the created form and add a click event listener to it const submitButton = this.sceneCreationForm.getChildByID('submitStoryPromptRequest'); if (submitButton) { submitButton.addEventListener('click', () => { submitButton.disabled = true; this.saveStoryPrompt(); generateNextScene(true); }); } } saveStoryPrompt() { const inputTextbox = document.getElementById('storyPromptInput'); const input = inputTextbox.value.trim(); if (input.length === 0) { alert("Please enter a starting story prompt."); return; } inputTextbox.disabled = true; inputTextbox.style.opacity = '0.75'; gameState.storyPrompt = input } } async function generateNextScene(is_first_scene) { gameState.currentShotIndex = 0; if (is_first_scene) { await sendSceneRequest(await sendUserPromptUpgradeRequest(gameState.storyPrompt)); } else { const scenePrompt = await sendStoryPromptRequest(); await sendSceneRequest(scenePrompt); } if (is_first_scene) { this.game.sceneTransitionManager.transitionTo('PlayStory'); } else { const scene = game.scene.keys['PlayStory']; scene.processCurrentShot(); } // Important: Remember to save changes to localStorage after updating gameState localStorage.setItem(PROJECT_NAME, JSON.stringify(gameState)); } async function sendUserPromptUpgradeRequest(user_submitted_prompt) { userPromptUpgraderChatManager = new ChatManager(USER_PROMPT_UPGRADER_PROMPT); this.waitingForResponse = true; userPromptUpgraderChatManager.addMessage('user', `${user_submitted_prompt}`); const response = await userPromptUpgraderChatManager.getCharacterResponse('default', 4096); userPromptUpgraderChatManager.addMessage('assistant', response); console.warn(`USER PROMPT UPGRADER RESPONDED: \n${response}`); return response } async function sendStoryPromptRequest() { scenePromptGeneratorChatManager = new ChatManager(SCENE_PROMPT_GENERATOR_PROMPT); this.waitingForResponse = true; scenePromptGeneratorChatManager.addMessage('user', ` ${gameState.scenes} ${gameState.lastChoice} ${gameState.characters} `); const response = await scenePromptGeneratorChatManager.getCharacterResponse('default', 4096); scenePromptGeneratorChatManager.addMessage('assistant', response); console.warn(`SCENE PROMPT GENERATOR RESPONDED: \n${response}`); return response } // Argument is the character object from game state async function createNewCharacter(character) { console.log(character); newCharacter = new Character (await sendCharacterRequest(character)) console.log(newCharacter); gameState.characters.push(newCharacter); // Important: Remember to save changes to localStorage after updating gameState localStorage.setItem(PROJECT_NAME, JSON.stringify(gameState)); } async function sendCharacterRequest(character) { characterGeneratorChatManager = new ChatManager(CHARACTER_GENERATOR_PROMPT); this.waitingForResponse = true; characterGeneratorChatManager.addMessage('user', ` The player just requested a character description. Please generate one for the character ${character} The story so far: ${gameState.scenes} The existing character: ${gameState.characters} `); const response = await characterGeneratorChatManager.getCharacterResponse('default', 4096); characterGeneratorChatManager.addMessage('assistant', response); console.warn(`CHARACTER GENERATOR RESPONDED: \n${response}`); spriteURL= await generateImage(response); return { "spriteUrl": spriteURL, "description": response, "name": character } } async function generateImage(prompt) { try { const formData = new FormData(); formData.append('generationPrompt', prompt); const response = await fetch('https://gpt.rosebud.ai/custom-api/ac6c7cbd-5de0-4713-abf4-954792ebbe75/generate-gpt-asset', { method: 'POST', body: formData }); if (response.ok) { const data = await response.json(); return data.url } else { console.error('Error generating image:', response.status, response.statusText); } } catch (error) { console.error('Error fetching image:', error); } } // Argument is the location object from game state async function createNewBackground(background) { background = await sendCharacterRequest(background); // Important: Remember to save changes to localStorage after updating gameState localStorage.setItem(PROJECT_NAME, JSON.stringify(gameState)); } async function sendBackgroundRequest(background) {} async function sendSceneRequest(scenePrompt) { sceneGeneratorChatManager = new ChatManager(SCENE_GENERATOR_PROMPT); /* sceneGeneratorChatManager.addMessage('user', ` Here is the scene description that the player wants you to turn in to a story: ${scenePrompt} Here is the up-to-date current array of scenes of the story so you know what happened up to this point and what scene slot is next: ${JSON.stringify(gameState.storyScenes)} `); */ // Need to add support for locations /* sceneGeneratorChatManager.addMessage('user', ` Here is the scene description that the player wants you to turn in to a story (It includes the up-to-date current array of scenes of the story so you know what happened up to this point and what scene slot is next): ${scenePrompt} ${gameState.locations} ${gameState.characters} ${gameState.storyScenes} `); */ sceneGeneratorChatManager.addMessage('user', ` Here is the scene description that the player wants you to turn in to a story (It includes the up-to-date current array of scenes of the story so you know what happened up to this point and what scene slot is next): ${scenePrompt} ${gameState.characters} ${gameState.storyScenes} `); console.info(` Here is the scene description that the player wants you to turn in to a story (It includes the up-to-date current array of scenes of the story so you know what happened up to this point and what scene slot is next): ${scenePrompt} ${gameState.characters} ${gameState.storyScenes} `); // Assuming sceneGeneratorChatManager.getCharacterResponse() handles the AI response const response = await sceneGeneratorChatManager.getCharacterResponse('default', 4096); sceneGeneratorChatManager.addMessage('assistant', response); console.warn(`SYSTEM CREATED A SCENE:\n${response}`); // Try to add the new scene to the story and catch any errors try { addNewSceneToStory(response); } catch (e) { console.error('Error adding new scene:', e); // If there's an error, retry the request sendSceneRequest(); } } async function addNewSceneToStory(newScene) { let sceneObject; if (typeof newScene === 'string') { try { sceneData = JSON.parse(newScene); console.log(sceneData); sceneShots = sceneData.sceneShots.map(shotData => { const character = shotData.character; return new SceneShot(shotData.message, character); }); sceneObject = new StoryScene(sceneData.name, sceneData.background, sceneData.music, sceneShots); } catch (e) { console.error('Error parsing the new scene JSON:', e); throw new Error('Failed to parse new scene JSON.'); } } else { sceneObject = newScene; } // Now we're sure sceneObject is an object, not a string gameState.storyScenes.push(sceneObject); // Update localStorage with the new gameState localStorage.setItem(PROJECT_NAME, JSON.stringify(gameState)); } class PlayStory extends Phaser.Scene { constructor() { super({ key: 'PlayStory', }); this.acceptedShotTypes = [ 'character_customization', 'name_selection', 'dialog', 'weapon_choice', 'story_choice', 'chat', ]; // Only accept character_customization for now 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; overflow: auto; `; } preload() { // Preload UI elements this.load.image( 'vignette', `https://play.rosebud.ai/assets/vignette.png.png?JIkC`, ); this.load.image( 'left_arrow', `https://play.rosebud.ai/assets/left_arrow.png.png?npGv`, ); this.load.image( 'right_arrow', `https://play.rosebud.ai/assets/right_arrow.png.png?lzj9`, ); this.load.image( 'confirm_button', `https://play.rosebud.ai/assets/confirm_button.png.png?aDXh`, ); this.load.image( 'instruction_bg', `https://play.rosebud.ai/assets/textboxes.png.png?dhXD`, ); // Dynamically preload assets defined in the story script from gameState gameState.storyScenes.forEach((scene, sceneIndex) => { console.warn(`Scene ${sceneIndex}:`, scene); // 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); //} console.warn(`${scene.sceneShots}`); }); // Preload speaker and weapon sprites gameState.characters.forEach((character) => { if (character.spriteUrl) { console.info(`Preloading character sprite: ${character.spriteUrl}`); this.load.image(`speakerSprite_${character.name}`, character.spriteUrl); } }); } create() { SceneUtils.createMuteToggleButton(this); SceneUtils.createDeleteSaveButton(this); // Correctly check if the current scene has music defined before attempting to play it const currentSceneMusic = undefined; //gameState.storyScenes[gameState.currentSceneIndex].music; if (currentSceneMusic) { const musicKey = `music_${gameState.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 gameState const nextBackgroundKey = `background_${gameState.currentSceneIndex}`; // Check if the background for the next scene is intentionally left blank (indicating no change) using gameState if (!gameState.storyScenes[gameState.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 gameState const currentScene = gameState.storyScenes[gameState.currentSceneIndex]; const currentShot = currentScene.sceneShots[gameState.currentShotIndex]; // Check if the current shot type is one of the accepted types and handle accordingly if (this.acceptedShotTypes.includes(currentShot.shotType)) { switch (currentShot.shotType) { case 'name_selection': this.handleNameChoice(currentShot); break; case 'dialog': this.handleDialog(currentShot); break; case 'choice': this.handleStoryChoice(currentShot); break; default: console.error('Unhandled shot type:', currentShot.shotType); } } 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'); } } proceedToNextShotOrGenerateNextScene() { console.warn(`DOES BG EXIST ${this.currentBackground}`) // Accessing current scene and shot indexes from gameState const currentScene = gameState.storyScenes[gameState.currentSceneIndex]; if (gameState.currentShotIndex < currentScene.sceneShots.length - 1) { // Move to the next shot within the current scene gameState.currentShotIndex++; this.processCurrentShot(); } else { gameState.currentSceneIndex++; gameState.currentShotIndex = 0; generateNextScene(); } } handleDialog(shot) { // Formatting message to replace placeholders let message = shot.message.replace(/Player/g, gameState.characters[0].name); // Define CSS for title bubble this.titleBubbleStyle = ` font-family: 'Courier New', sans-serif; font-size: 20px; border-radius: 8px; border-style: solid; border-color: #2F4152; border-width: 1px; background-color: #5A7894; color: #FFF; display: flex; justify-content: center; align-items: center; width: 240px; height: 31px; overflow: hidden; `; const narratorMessageBubbleStyle = ` ${this.bubbleStyle} width: 298px; height: 396px; overflow: auto; `; if (shot.character.toLowerCase() !== 'narrator') { this.generateCharacterIfNeeded(shot); } else { // Narrator dialog this.displayNarratorDialog(message, narratorMessageBubbleStyle); } } // WIP // This should be used to fetch any character sprite. // If the character sprite does not exists, it call the Character Generator // After that it preloads the image as all Phaser images must be preloaded before use. async generateCharacterIfNeeded(shot) { let spriteKey = `speakerSprite_${shot.character}`; console.log(spriteKey); let spriteUrl; if (gameState.characters.find(c => c.name === shot.character)) { // If shot.character exists in gameState.characters const character = gameState.characters.find(c => c.name === shot.character); spriteUrl = character.spriteUrl; } else { // Logic for when shot.character does not exist in gameState.characters console.log('Character not found in gameState.'); await createNewCharacter(shot.character); } character = gameState.characters.find(c => c.name === shot.character); if (!this.textures.exists(spriteKey)) { // Load the sprite and then display the dialog after loading is complete SceneUtils.loadCharacterSprite.call(this, spriteUrl, spriteKey, () => { let speakerName = shot.character === "player" ? gameState.characters.player.name : shot.character; spriteUrl = undefined this.displayCharacterDialog(speakerName, shot.message, spriteKey, this.messageBubbleStyle, this.titleBubbleStyle); }); } else { // Sprite already loaded, or no URL provided; proceed to display dialog let speakerName = shot.character === "player" ? gameState.playerName : shot.character; this.displayCharacterDialog(speakerName, shot.message, spriteKey, this.messageBubbleStyle, this.titleBubbleStyle); } } generateBackgroundIfNeeded(shot) {} displayNarratorDialog(message, bubbleStyle) { // Display the narrator's message bubble const messageBubbleHtml = `

${message}

`; const messageBubble = this.add.dom(22, 224).createFromHTML(messageBubbleHtml).setOrigin(0).setAlpha(0); // Fade in all elements sequentially this.fadeInElementsSequentially([messageBubble]); messageBubble.setInteractive().on('pointerdown', () => { if (!this.allowInteraction) return; // Ignore the interaction if not allowed messageBubble.removeInteractive(); this.fadeOutAndProceed([messageBubble]); }); } displayCharacterDialog(name, message, spriteKey, messageBubbleStyle, titleBubbleStyle) { // Flag to prevent multiple interactions let interactionHandled = false; // Ensure characterSprite is referenced by its key, not URL const characterSprite = this.add.image(0, 185, spriteKey).setOrigin(0.0).setAlpha(0); // Ensure it's ready for fade-in characterSprite.setInteractive(); // Display the message bubble const messageBubbleHtml = `

${message}

`; const messageBubble = this.add.dom(195, 665).createFromHTML(messageBubbleHtml).setAlpha(0); // Ensure it's ready for fade-in messageBubble.setInteractive(); // Display the title bubble if the speaker is not the narrator let titleBubble; if (name) { const titleBubbleHtml = `

${name}

`; titleBubble = this.add.dom(195, 602).createFromHTML(titleBubbleHtml).setAlpha(0); // Ensure it's ready for fade-in titleBubble.setInteractive(); } // Elements to fade in const elementsToFadeIn = [characterSprite, messageBubble, titleBubble].filter(element => element !== undefined); // Fade in all elements sequentially this.fadeInElementsSequentially(elementsToFadeIn); // Centralized interaction handling const handleInteraction = () => { if (!this.allowInteraction) return; // Ignore the interaction if not allowed if (!interactionHandled) { interactionHandled = true; // Remove interactivity from all elements to prevent further interaction elementsToFadeIn.forEach(element => { if (element.removeInteractive) { element.removeInteractive(); } }); // Proceed with fading out and progressing the story this.fadeOutAndProceed(elementsToFadeIn); } }; // Apply the centralized interaction handler to all interactive elements elementsToFadeIn.forEach(element => { if (element.on) { // For Phaser.GameObjects element.on('pointerdown', handleInteraction); } else if (element.node) { // For Phaser.GameObjects.DOMElement element.node.addEventListener('click', handleInteraction); } }); } createContinueButton(backgroundImage, messageBubble, weaponSprites) { // Remove existing continue button if any, to prevent duplicates const existingButton = document.getElementById('continueButton'); if (existingButton) { existingButton.parentNode.removeChild(existingButton); } // Create the continue button with original styling 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; padding: 15px; border-radius: 20px; border-width: 1px; `; const continueButtonStyle = ` ${baseStyle} position: absolute; transform: translate(-50%, -50%); z-index: 100; `; // Create the continue button using this.add.dom this.continueButton = this.add.dom(this.cameras.main.centerX, this.cameras.main.centerY, 'button', continueButtonStyle, 'Click Here To Continue') .setOrigin(0.5) .setInteractive() .setName('continueButton'); // Set a name for the button, similar to setting an ID // Add click event listener to handle transition this.continueButton.addListener('click').on('click', (event) => { if (this.blockWeaponSelection) return; event.stopPropagation(); // Stop the event from propagating this.blockWeaponSelection = true; // Block weapon selection when continue is clicked // Disable the continue button to prevent multiple clicks this.continueButton.removeListener('click'); this.continueButton.disableInteractive(); // Proceed with fade out and next steps this.fadeOutAndProceed([backgroundImage, messageBubble, ...weaponSprites, this.continueButton]); }); } handleChoice(shot) { // Prevent multiple selections let hasSelected = false; // Define CSS for title bubble const titleBubbleStyle = ` font-family: 'Courier New', sans-serif; font-size: 20px; border-radius: 8px; border-style: solid; border-color: #2F4152; border-width: 1px; background-color: #5A7894; color: #FFF; display: flex; justify-content: center; align-items: center; width: 240px; height: 31px; overflow: hidden; `; // Player sprite setup const playerSpriteKey = `speakerSprite_player`; // Assuming this key was used in preload const playerSprite = this.add.image(0, 185, playerSpriteKey).setOrigin(0).setAlpha(0); // Example position // Text bubble with the question const questionBubbleHtml = `

${shot.message}

`; const questionBubble = this.add.dom(195, 665).createFromHTML(questionBubbleHtml).setAlpha(0); // Title bubble showing the player character name const playerName = gameState.characters.player.name || "Player"; const titleBubbleHtml = `

${playerName}

`; const titleBubble = this.add.dom(195, 605).createFromHTML(titleBubbleHtml); // Choices container with flexbox layout const choicesContainer = this.add.dom(195, 805, 'div', { 'display': 'flex', 'flex-direction': 'column', 'justify-content': 'space-around', 'height': '240px', // Adjusted height to accommodate gaps 'width': '325px' }).setAlpha(0); Object.entries(shot.choices).forEach(([choiceText, nextScene], index, array) => { let button = document.createElement('button'); button.innerText = choiceText; // Include margin-bottom except for the last button let marginBottom = index < array.length - 1 ? '5px' : '0'; button.style.cssText = `width: 100%; height: 40px; margin-bottom: ${marginBottom}; font-family: 'Verdana', sans-serif; font-size: 12px; border-radius: 8px; border-style: solid; border-color: #2F4152; border-width: 1px; background-color: #5A7894; color: #FFF;`; button.setAttribute('data-next-scene', nextScene); button.onclick = () => { if (!hasSelected) { hasSelected = true; // Prevent further selections // Update the nextScene of the current scene based on the choice gameState.storyScenes[gameState.currentSceneIndex].nextScene = nextScene; // ProgressLogger.logProgress('snake-king-story-choice', {'userChoice': choiceText}); this.fadeOutAndProceed([titleBubble, questionBubble, playerSprite, choicesContainer]); } }; choicesContainer.node.appendChild(button); }); // Fade in all elements sequentially this.fadeInElementsSequentially([playerSprite, questionBubble, choicesContainer]); } 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: 750, 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.proceedToNextShotOrGenerateNextScene(); } }); } } const VERSION_NUMBER = 'v0.1.0'; // Set the version number here. const PROJECT_NAME = `rosebud_infinite_story_creator_${VERSION_NUMBER}-2`; // Set the project name here. 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, MainMenu, UserStoryPromptInput, PlayStory], 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); } initializeGame(); const USER_PROMPT_UPGRADER_PROMPT = ` You are one of many generative systems within a visual novel generator tool. The stories are JSON objects passed to the GAME RENDERER to be rendered to the player. Each one of the generative systems, including you, passes around JSON objects to other systems. Every system is entirely modular, and there is a complete separation of concerns. You are the USER PROMPT UPGRADER system. Your job is to take simple user submitted prompts as input and output rich, detailed summaries of a potential first scene in that story. `; const SCENE_PROMPT_GENERATOR_PROMPT = ` You are one of many generative systems within a visual novel generator tool. The stories are JSON objects passed to the GAME RENDERER to be rendered to the player. Each one of the generative systems, including you, passes around JSON objects to other systems. Every system is entirely modular, and there is a complete separation of concerns. You are the SCENE GENERATOR system. Your job is to take some values as input and output the game's single NEXT scene as JSON. It is crucial that you generate the NEXT scene after the latest one. Only respond with the direct output JSON. Here are the values you will receive as input: - SCENE PROMPTS (scene_prompt) - EXISTING STORY LOCATIONS (locations) - EXISTING STORY CHARACTERS (characters) - EXISTING SCENES (scenes) Here is a structural example of the type of input you will get with mainly placeholders provided: { "scene_prompt": "{ SCENE PROMPT }", "locations": { "{ LOCATION NAME }": "{ LOCATION DESCRIPTION }", "{ LOCATION NAME }": "{ LOCATION DESCRIPTION }", "{ LOCATION NAME }": "{ LOCATION DESCRIPTION }" }, "characters": { "{ CHARACTER NAME }": "{ CHARACTER DESCRIPTION }", "{ CHARACTER NAME }": "{ CHARACTER DESCRIPTION }", "{ CHARACTER NAME }": "{ CHARACTER DESCRIPTION }" }, "scenes": [ { "scene_location": "{ SCENE LOCATION }", "sceneShots": [ { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, ] }, { "scene_location": "{ SCENE LOCATION }", "sceneShots": [ { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, ] }, { "scene_location": "{ SCENE LOCATION }", "sceneShots": [ { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, ] } ] } Here is a guide on how to incorporate each piece of input into your output: - SCENE PROMPTs are detail-rich summaries of what will happen in the next scene. These are your sources of truth for what should happen in the scene you generate. Ensure that the scene you generate incorporates everything mentioned in the scene prompt provided. - EXISTING STORY CHARACTERS is a collection of every location that exists in the story world so far and their description. Knowing this allows you to easily refer to a location's description so that how they are in the scenes matches how they are defined. Please make sure always to include SCENE PROMPT referenced locations in your new scene. NEVER DISREGARD OR IGNORE THE SCENE PROMPT. - EXISTING STORY CHARACTERS is a collection of every character that exists in the story world so far and their description. Knowing this allows you to easily refer to a character's description so that how they are in the scenes matches how they are defined. Please make sure always to include SCENE PROMPT referenced characters in your new scene. NEVER DISREGARD OR IGNORE THE SCENE PROMPT. - EXISTING SCENES is a collection of every scene in the story so far, from the beginning to the latest one. Knowing this allows you to understand where the story is going and what just happened. This information is crucial for you to know so that your new scene gracefully builds on the latest scene. Here is a structural example of the type of output you should provide: { "scene_location": "{ SCENE LOCATION }", "sceneShots": [ { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" } ] } Remember to only respond with the SINGLE new scene. Make sure that the new scene builds off the latest scene in the \`scenes\`. Each scene can have any number of shots. Please make sure that each scene you create has at least 10 shots inside. You can add more than that or less if needed. Do not just make every scene have 5 shots like the example I gave. That's too short. ENSURE that your new scene directly build off the latest scene in the story. There should be no jarring no scenes that don't respect previous ones. Make sure to not refer to the story in a meta way in any of the shots (e.g. the narrator shots). Avoid shots like the following that refer to the story: "And so, a new chapter begins, filled with friendship, understanding, and the promise of brighter days ahead." These kinds of shots break immersion. Be as immersive as possible. The story is going to continue so don't announce the end of scenes like that. Good novels don't do that. There are three types of dialog shots: \`narrator\` and \`{ character }\` (including \`player\`). Remember that narrator dialog shots can have longer text as they have a larger texbox. player and character dialog shots show a character sprite and have a smaller textbox so they should have less text to keep dialogue snappy and fun to read. It is crucial that EVERY scene you generate pushes the story forward and is interesting. `; const SCENE_GENERATOR_PROMPT_OLD = ` This a is a visual novel creator that allows users to describe a story scene and receive rigidly defined JSON as a response. You are the scene-creating agent responsible for providing the scene JSON. This is how an example story's JSON for reference: { "speakers": { "player": { "name": "", "spriteUrl": "", "weapon": { "name": "", "spriteUrl": "" } }, "Ananta": { "spriteUrl": `https://play.rosebud.ai/assets/karthik_silhouette.png.png?jyrg`, "character_prompt": "You are a character within an interactive story game. You respond as the character Ananta. A scenario is a unique conversation with the player in a specific context. You do NOT need to manage the scenario. Always base your response on the latest scenario message in the chat history. Ananta is the current Nagaraja, the king of the Snake court, who wants to take the player as your concubine. You are attractive and a shockingly smooth talker. You are likable and not proud/cocky. You are deeply sexually interested in the player and find it hard to hide it. You know deep down the player is attracted to you. You don\"t refer to the player as 'player'. Just provide the text that Ananta is saying. Do NOT specify that Ananta is the one speaking. Make sure to keep your responses short and sweet. DO NOT SAY TOO MUCH AT ONCE. DO NOT INCLIUDE ANY SYSTEM INFO IN YOUR RESPONSES. EVERYTHING YOU SAY SHOULD BE WHAT ANANTA IS SAYING", "chat_manager": null }, "Kiara": { "spriteUrl": `https://play.rosebud.ai/assets/sister_sprite.png.png?Nxit`, "character_prompt": "You are a speaking character within an interactive story game. Your job is only to respond as the character 'Kiara' depending on the current scenario. A scenario is a unique conversation with the player in a specific context. The scenario is defined in your memory as \"Current Scenario: { insert description }\". Player messages will be added to your mememory so you can always react to whwat\"s happening. Kiara is sickly, sullen, and soft-spoken. You are sisters with the player and are deeply concerned with their safety. You are super close with the player. You are very sick however and find it hard to smile, laugh, or joke. You don\"t refer to the player as 'player'. Just provide the text that Kiara is saying. Do NOT specify that Kiara is the one speaking. Make sure to keep your responses short and sweet. DO NOT SAY TOO MUCH AT ONCE. DO NOT INCLIUDE ANY SYSTEM INFO IN YOUR RESPONSES. EVERYTHING YOU SAY SHOULD BE WHAT KIARA IS SAYING", "chat_manager": null }, "Papa": { "spriteUrl": `https://play.rosebud.ai/assets/papa_sprite.png.png?1Gna` }, "Mama": { "spriteUrl": `https://play.rosebud.ai/assets/mama_sprite.png.png?W3qK` }, "Villagers": { "spriteUrl": `https://play.rosebud.ai/assets/villagers_sprite.png.png?yU2P` }, "Serpent Guard": { "spriteUrl": `https://play.rosebud.ai/assets/naga_guard_sprite.png.png?Wlib` } }, "story_scenes": [ { "name": "scene_1", "background": "", "music": "", "sceneShots": [ { "shotType": "character_customization", "character": "player", "choice_sprites": [ `https://play.rosebud.ai/assets/character_sprite_choice_01.png.png?xFhQ`, `https://play.rosebud.ai/assets/character_sprite_choice_02.png.png?gLk2`, `https://play.rosebud.ai/assets/character_sprite_choice_03.png.png?dMh7`, `https://play.rosebud.ai/assets/character_sprite_choice_04.png.png?wzzy`, `https://play.rosebud.ai/assets/aa.png?PlLl`, `https://play.rosebud.ai/assets/character_sprite_choice_06.png.png?nM3g`, `https://play.rosebud.ai/assets/character_sprite_choice_07.png.png?UO5R` ] }, { "shotType": "name_selection" } ], "nextScene": "scene_2" } ] } Your job is to simply take the player's described scene, no matter how they describe it, and output just one scene as a response that can be directly appended to the scene array with no cleanup or modifications. In each scene there are one or more shots. Here is an example story scene for reference: { "name": "scene_{insert number}", "background": "", "music": "", "sceneShots": [{ "character": "Serpent Guard", "message": "Bold words for a mere human challenging the serpent gods!" }, { "character": "player", "message": "My courage isn't diminished by your threats." }, { "character": "Serpent Guard", "message": "Such insolence is not tolerated here. You shall learn our ways of punishment soon enough!" }, { "character": "Kiara", "message": "They mustn't do this, {playerName}! You shouldn't be a sacrifice for those serpent creatures!" }, { "character": "narrator", "message": "Kiara's figure is feeble on the bed, her skin eerily pale, with the telltale signs of the venomous assault evident on her neck." }, { "character": "player", "message": "It's my burden to bear, Kiara. I'm responsible for the danger you're in. Their demand for my life in return seems fair." }, { "character": "Kiara", "message": "However, history is clear that none offered to the serpent gods have returned. What will become of us?" }, { "character": "narrator", "message": "Tears blur your vision, the impending echo of your parents' wrathful strides fills the air." }, { "character": "player", "message": "Never forget, Kiara. My love for you is eternal." }, { "character": "narrator", "message": "Prepared to exit, you're halted by Kiara's firm grip. She discreetly reveals a trio of weapons secreted under her blankets." }, { "character": "Kiara", "message": "Quick! Take one of these. Before they find out!" }, { "character": "player", "message": "Kiara-" }, { "character": "Kiara", "message": "Just take one, {playerName}. If we're to be apart, at least I'll have peace knowing you're protected." }, { "character": "narrator", "message": "Your decision is crucial. In a world fraught with peril, your choice of weapon could be the difference between survival and demise…" }, { "character": "player", "message": "I'll take the…" } ], "nextScene": "scene_{insert number}" } NOTE THAT THE SCENE NAMES WILL BE ACTUAL NUMBERS AND NOT BE PLACEHOLDERS (e.g. scene_1). EACH TIME A SCENE DESCRIPTION IS PROVIDED TO YOU ALL THE EXISTING SCENES WILL BE PROVIDED TO YOU AS WELL SO YOU KNOW WHICH SCENE IS NEXT. GETTING THE NUMBER RIGHT IS IMPORTANT WHATEVER IS set as the nextScene property of the latest scene will be the name of the scene you create. Be careful not to overcomplicate this. There are multiple types of shots and you need to decide which ones are necessary. For now you only support dialog shots, but there are multiple types of dialog shots so they are defined below for reference. Here they are: DIALOG SHOTS: These are for when character or the narrator is talking. There are three types of these, narrator, player, or a character one (can be any character already defined in speakers object at the beggining of this object). Narrator Dialog Shots: Shows a big textbox that shows text. Great for longer player thoughts or narrator text. { "character": "narrator", "message": "His gaze, cold and unyielding, turns the air around him frostier. With a mere flick, he rends the spear into splinters, showcasing his raw might." }, Player Dialog Shots: Shows a sprite of the player and a textbox showing what they said (or are thinking). { "character": "player", "message": "My courage isn't diminished by your threats." }, Character Dialog Shots: Shows a sprite of a character and a textbox showing what said charater said (or are thinking). MUST BE A CHARACTER ALREADY DEFINED IN THE \`Speakers\` OBJECT AT THE BEGINNING OF THE STORY JSON. { "character": "Serpent Guard", "message": "Bold words for a mere human challenging the serpent gods!" }, Make sure to never generate partial responses. Only generate full ones, as they will be directly appended to the story's array of scenes in the JSON. Impartial responses (e.g. ending with a quotation mark instead of a curly bracket) will crash my program. Also make sure that each scene has at least 6 shots. Don't make any invidual shot have too much text either. Short scenes or invidual scene shots with too much text can make the story hard to read for users and provide a bad user experience. `; const SCENE_GENERATOR_PROMPT = ` You are one of many generative systems within a visual novel generator tool. The stories are JSON objects passed to the GAME RENDERER to be rendered to the player. Each one of the generative systems, including you, passes around JSON objects to other systems. Every system is entirely modular, and there is a complete separation of concerns. You are the SCENE GENERATOR system. Your job is to take some values as input and output the game's single NEXT scene as JSON. It is crucial that you generate the NEXT scene after the latest one. Only respond with the direct output JSON. Here are the values you will receive as input: - SCENE PROMPTS (scene_prompt) - EXISTING STORY LOCATIONS (locations) - EXISTING STORY CHARACTERS (characters) - EXISTING SCENES (scenes) Here is a structural example of the type of input you will get with mainly placeholders provided: { "scene_prompt": "{ SCENE PROMPT }", "locations": { "{ LOCATION NAME }": "{ LOCATION DESCRIPTION }", "{ LOCATION NAME }": "{ LOCATION DESCRIPTION }", "{ LOCATION NAME }": "{ LOCATION DESCRIPTION }" }, "characters": { "{ CHARACTER NAME }": "{ CHARACTER DESCRIPTION }", "{ CHARACTER NAME }": "{ CHARACTER DESCRIPTION }", "{ CHARACTER NAME }": "{ CHARACTER DESCRIPTION }" }, "scenes": [ { "scene_location": "{ SCENE LOCATION }", "sceneShots": [ { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, ] }, { "scene_location": "{ SCENE LOCATION }", "sceneShots": [ { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, ] }, { "scene_location": "{ SCENE LOCATION }", "sceneShots": [ { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, ] } ] } Here is a guide on how to incorporate each piece of input into your output: - SCENE PROMPTs are detail-rich summaries of what will happen in the next scene. These are your sources of truth for what should happen in the scene you generate. Ensure that the scene you generate incorporates everything mentioned in the scene prompt provided. - EXISTING STORY CHARACTERS is a collection of every location that exists in the story world so far and their description. Knowing this allows you to easily refer to a location's description so that how they are in the scenes matches how they are defined. Please make sure always to include SCENE PROMPT referenced locations in your new scene. NEVER DISREGARD OR IGNORE THE SCENE PROMPT. - EXISTING STORY CHARACTERS is a collection of every character that exists in the story world so far and their description. Knowing this allows you to easily refer to a character's description so that how they are in the scenes matches how they are defined. Please make sure always to include SCENE PROMPT referenced characters in your new scene. NEVER DISREGARD OR IGNORE THE SCENE PROMPT. - EXISTING SCENES is a collection of every scene in the story so far, from the beginning to the latest one. Knowing this allows you to understand where the story is going and what just happened. This information is crucial for you to know so that your new scene gracefully builds on the latest scene. Here is a structural example of the type of output you should provide: { "scene_location": "{ SCENE LOCATION }", "sceneShots": [ { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" }, { "shotType": "dialog", "character": "{ SPEAKING CHARACTER }", "message": "{ MESSAGE }" } ] } Remember to only respond with the SINGLE new scene. Make sure that the new scene builds off the latest scene in the \`scenes\`. Each scene can have any number of shots. Please make sure that each scene you create has at least 10 shots inside. You can add more than that or less if needed. Do not just make every scene have 5 shots like the example I gave. That's too short. ENSURE that your new scene directly build off the latest scene in the story. There should be no jarring no scenes that don't respect previous ones. Make sure to not refer to the story in a meta way in any of the shots (e.g. the narrator shots). Avoid shots like the following that refer to the story: "And so, a new chapter begins, filled with friendship, understanding, and the promise of brighter days ahead." These kinds of shots break immersion. Be as immersive as possible. The story is going to continue so don't announce the end of scenes like that. Good novels don't do that. There are three types of dialog shots: \`narrator\` and \`{ character }\` (including \`player\`). Remember that narrator dialog shots can have longer text as they have a larger texbox. player and character dialog shots show a character sprite and have a smaller textbox so they should have less text to keep dialogue snappy and fun to read. It is crucial that EVERY scene you generate pushes the story forward and is interesting. `; const CHARACTER_GENERATOR_PROMPT = ` You are one of many generative systems within a visual novel generator tool. The stories are JSON objects passed to the GAME RENDERER to be rendered to the player. Each one of the generative systems, including you, passes around JSON objects to other systems. Every system is entirely modular, and there is a complete separation of concerns. You are the CHARACTER GENERATOR system. Your job is to take the story and a character name as input and respond with a detailed character description. Only respond with the descrition. `;