// ChatManager is already imported in the current scope. const CHARACTER_DESCRIPTION = ` You are a text-based adventure game. All responses must be one sentence. The game consists of zones. Each zone consists of visible information and secret information. Content in parenthesis must never be shown to the player. Content in parenthesis is context for you, the text adventure game. Visible information is preceeded by the word Visible and a colon. Never print the word Visible followed by a colon. Secret information is preceeded by the word Secret and a colon. Never print the word Secret followed by a colon. The word "Zone" followed by a number and a colon means that the subsequent section describes a unique zone. A zone might contain items that are hidden. The player cannot access items in a zone if the player is not in that zone. Do not make any references to hidden items. Never refer to a zone directly or indirectly if the player has not visited it. Never refer to a zone as a zone. Always refer to zones by using the zone's description. Never use the word zone when describing a zone. Never provide any information about a zone if the player has never visited the zone. The player must discover the items before you may refer to them. DO NOT mention the secret information. Zone1: Visible:A well worn leather couch. The player has been sleeping on it. It smells like leather, mostly. Visible:A door(the door leads to Zone2. Never mention or speculate where the door might lead). Secret: There is a mirror on the wall.(Do not reveal unless the player asks what they look like. Act surprised. Secret: There is a lost key in the room (never reveal this fact). Secret: The key is in the couch(never reveal this fact unless the player asks to search the couch). Secret: The key may have fallen from the players pocket while they were sleeping (never reveal this fact). Secret: Refuse to unlock the door without the key. Secret: The player may kick down the door instead of unlocking it. Zone2: Visible: A dark hallway that stretches out of sight(If the player goes far enough they will reach a locked door). Secret: At the end of the hallway is a door to zone3. Secret: The door to zone3 is locked. Secret: The door to zone3 cannot be bypassed. The key must be used to open it. Secret: The key hidden in the couch will open the door(never reveal this fact). Secret: Refuse to break, kick, smash, or otherwise use force to open the door. It is too sturdy. Zone3: You won! The game begins now. Start in zone1. ` const baseStyle = ` font-family: 'Garamond', monospace; font-size: 24px; font-weight: bold; border: solid rgba(255, 255, 255, 1.0); box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); `; const chatLogStyle = ` ${baseStyle} width: 732px; height: 470px; border-width: 1.5px 1.5px 1.5px 1.5px; background-color: rgba(0, 0, 0, 0.6); padding: 30px; overflow-y: auto; `; const chatLogContentStyle = ` direction: ltr; display: inline-block; width: 100%; `; const inputStyle = ` ${baseStyle} width: 712px; height: 60px; background-color: rgba(0, 0, 0, 0.6); padding-left: 30px; border-width: 1.5px; color: rgba(255, 255, 255, 1.0); overflow: auto; position: relative; `; const sendButtonStyle = ` ${baseStyle} width: 80px; height: 60px; color: #e0d7c5; border-width: 1.5px 1.5px 1.5px 1.5px; background-color: rgba(0, 0, 0, 0.6); `; class ChatScene extends Phaser.Scene { constructor() { super(); this.waitingForResponse = false; // State variable tracking whether the game is waiting for a character to respond this.songs = []; this.isMuted = false; this.muteButton = null; } preload() { this.load.image('hourglass', `https://play.rosebud.ai/assets/hourglass.png?1ChC`); } create() { const chatLog = this.add.dom(2, 2).createFromHTML(`

Legend of Questext

`); chatLog.setOrigin(0, 0); const chatInput = this.add.dom(2, 536).createFromHTML(` `); chatInput.setOrigin(0, 0); const sendButton = this.add.dom(717, 536).createFromHTML(` `); sendButton.setOrigin(0, 0); this.hourglass = this.add.sprite(757, 566, 'hourglass'); // Hourglass sprite this.hourglass.setScale(0.15); chatInput.node.addEventListener('keyup', (event) => { if ((event.key === "Enter" || event.keyCode === 13) && !this.waitingForResponse) { this.sendChatMessage(this.chatManager); } }); sendButton.addListener('click').on('click', () => { this.sendChatMessage(this.chatManager); }); this.chatManager = new ChatManager(CHARACTER_DESCRIPTION); this.sendInitialGreeting(); } async sendInitialGreeting() { this.waitingForResponse = true; // Set the state to waiting const chatInput = document.getElementById('chatInput'); const sendButton = document.getElementById('sendButton'); // Ensure the send button has an ID 'sendButton' sendButton.hidden = true; chatInput.placeholder = "Starting up, please wait..."; this.showHourglass(); const initialPrompt = "What happened? Where am I?"; // Adjust as needed const response = await this.chatManager.getCharacterResponse(initialPrompt); this.chatManager.addMessage('assistant', response); // Update the chat log with the greeting message this.characterUpdatesChatLog('', response, () => { this.waitingForResponse = false; // Reset the state sendButton.hidden = false; // Re-enable send button after receiving the response + response animation completes chatInput.placeholder = "Now what do you do?"; chatInput.focus(); this.hideHourglass(); }); } async sendChatMessage(chatManager) { const chatInput = document.getElementById('chatInput'); const sendButton = document.getElementById('sendButton'); // Ensure the send button has an ID 'sendButton' const inputValue = chatInput.value; if (inputValue.toLowerCase() === "restart") { this.scene.restart(); } else if (inputValue) { // Disable send button and show hourglass sendButton.hidden = true; this.showHourglass(); chatInput.placeholder = "Working on it, please wait..."; // Add the player's message and update the chat log this.chatManager.addMessage('user', inputValue); this.playerUpdatesChatLog('Player', inputValue); // Clear the input box immediately after sending the message chatInput.value = ''; // Get the character's response const response = await chatManager.getCharacterResponse(); this.chatManager.addMessage('assistant', response); this.characterUpdatesChatLog('Character', response, () => { this.waitingForResponse = false; // Reset the state sendButton.hidden = false; // Re-enable send button after receiving the response + response animation completes chatInput.placeholder = "Now what do you do?"; this.hideHourglass(); }); } } showHourglass() { this.hourglass.visible = true; // Create the tween for the rotation animation this.hourglassTween = this.tweens.add({ targets: this.hourglass, angle: { from: 0, to: 180 }, ease: 'Elastic', // for the elastic effect duration: 2000, yoyo: true, // make it return to its original state before repeating repeat: -1 // this will make the tween loop indefinitely }); } hideHourglass() { this.hourglass.visible = false; // Stop the tween when the hourglass is hidden if (this.hourglassTween) { this.hourglassTween.stop(); } } playerUpdatesChatLog(role, message) { const chatLogContentDiv = document.getElementById('chatLogContent'); const color = role === 'Player' ? '#ffffff' : '#ADF2FF'; chatLogContentDiv.innerHTML += `

${role}: ${message}

`; const chatLogDiv = document.getElementById('chatLog'); chatLogDiv.scrollTop = chatLogDiv.scrollHeight; } characterUpdatesChatLog(role, message, onComplete) { const chatLogContentDiv = document.getElementById('chatLogContent'); const color = role === 'Player' ? '#ffffff' : '#ADF2FF'; let newMessageElement = document.createElement('p'); newMessageElement.style.color = color; newMessageElement.innerHTML = message; chatLogContentDiv.appendChild(newMessageElement); const chatLogDiv = document.getElementById('chatLog'); chatLogDiv.scroll({ left: 0, top: chatLogDiv.scrollHeight - chatLogDiv.clientHeight, behavior: "smooth" }); onComplete(); } } const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, width: 800, height: 600, }, scene: ChatScene, dom: { createContainer: true }, }; window.phaserGame = new Phaser.Game(config);