// ChatManager is already imported in the current scope. var CHARACTER_DESCRIPTION = 'I am First Officer Brett Sewell, and Number One on the Federation Science Vessel the USS Exige. I am here to assist you, Captain.'; const starshipSystemsKnowledgeBase = { warpDrive: { description: "The warp drive enables faster-than-light travel.", status: "operational", learned: false }, shields: { description: "Shields protect the ship from space debris and enemy attacks.", status: "operational", learned: false }, lifeSupport: { description: "Life support systems maintain a livable environment within the ship.", status: "operational", learned: false } }; const galacticMapKnowledgeBase = { gammaSector: { description: "A sector known for its asteroid fields and rich mineral deposits.", visited: false, learned: false }, epsilonPlanet: { description: "Home to a peaceful alien civilization with advanced technology.", visited: false, learned: false }, nebulonCluster: { description: "A mysterious cluster of nebulae emitting strange energy signatures.", visited: false, learned: false } }; const alienSpeciesKnowledgeBase = { vulcanians: { description: "A logical and peaceful species known for their advanced technology.", encountered: false, learned: false }, klingorians: { description: "A warrior species with a strict code of honor.", encountered: false, learned: false }, zetarians: { description: "A mysterious species known for their telepathic abilities.", encountered: false, learned: false } }; const baseStyle = ` font-family: 'Georgia', serif; font-size: 14px; border: 2px solid #4e342e; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); ` const chatLogStyle = ` ${baseStyle} width: 350px; height: 400px; background-color: rgba(0, 0, 0, 0.7); padding: 10px; overflow-y: scroll; direction: rtl; `; const chatLogContentStyle = ` direction: ltr; display: inline-block; width: 100%; `; const inputStyle = ` ${baseStyle} width: 270px; height: 30px; background-color: rgba(255, 255, 255, 0.65); `; const sendButtonStyle = ` ${baseStyle} width: 80px; height: 44px; color: #e0d7c5; background: linear-gradient(to bottom, #957d5f, #6c543e); `; const journalLinkStyle = ` ${baseStyle} position: absolute; top: 10px; right: 10px; width: 100px; height: 30px; color: #e0d7c5; background: linear-gradient(to bottom, #957d5f, #6c543e); `; const journalStyle = ` ${baseStyle} position: fixed; top: 50%; left: 50%; width: 400px; height: 300px; background-color: #fff; padding: 20px; transform: translate(-50%, -50%); display: none; `; const journalInputStyle = ` ${baseStyle} width: 350px; height: 200px; background-color: rgba(255, 255, 255, 0.65); overflow-y: scroll; `; function speak(message) { if ('speechSynthesis' in window) { var msg = new SpeechSynthesisUtterance(); var voices = window.speechSynthesis.getVoices(); msg.voice = voices[0]; msg.text = message; window.speechSynthesis.speak(msg); } } class ChatScene extends Phaser.Scene { constructor() { super(); this.playerHealth = 100; this.enemyHealth = 100; this.combat = false; } preload() { this.load.image('background', `https://play.rosebud.ai/assets/BG1.jpg?TygJ`); this.load.image('character', `https://play.rosebud.ai/assets/stcUSE.png?h0yh`); this.load.image('restart', `https://play.rosebud.ai/assets/restart button.png?DWDx`); this.load.audio('spaceBGM1', `https://play.rosebud.ai/assets/spaceBGM1.mp3?ZjpV`); } create() { this.add.image(400, 200, 'background'); this.add.image(600, 360, 'character').setScale(0.5); this.music = this.sound.add('spaceBGM1'); this.music.play({volume: 0.25, loop: true}); const restart = this.add.image(40, 30, 'restart').setScale(0.23); this.chatManager = new ChatManager(CHARACTER_DESCRIPTION); this.add.dom(200, 320).createFromHTML(`

`); const chatInput = this.add.dom(160, 570).createFromHTML(` `); const sendButton = this.add.dom(340, 572).createFromHTML(` `); const journalLink = this.add.dom(760, 30).createFromHTML(` `); const journal = this.add.dom(400, 300).createFromHTML(`

Journal

`); journalLink.addListener('click').on('click', () => { this.openJournal(); }); document.getElementById('journalSave').addEventListener('click', () => { this.saveJournal(); window.alert('Your notes have been saved!'); }); document.getElementById('journalClose').addEventListener('click', () => { this.closeJournal(); }); chatInput.node.addEventListener('keyup', (event) => { if (event.key === "Enter" || event.keyCode === 13) { this.sendChatMessage(this.chatManager); document.getElementById('chatInput').value = ''; } }); sendButton.addListener('click').on('click', () => { this.sendChatMessage(this.chatManager); document.getElementById('chatInput').value = ''; }); restart.setInteractive(); restart.on('pointerdown', () => { this.chatManager.cleanChatHistory(); localStorage.removeItem('chatHistory'); const chatLogContentDiv = document.getElementById('chatLogContent'); chatLogContentDiv.innerHTML = ''; this.updateChatLog('Character', CHARACTER_DESCRIPTION); }); this.updateChatLog('Character', CHARACTER_DESCRIPTION); } updateChatLog(role, message) { const chatLogContentDiv = document.getElementById('chatLogContent'); const color = role === 'Player' ? '#a93226' : '#2e7d32'; chatLogContentDiv.innerHTML += `

${role}: ${message}

`; const chatLogDiv = document.getElementById('chatLog'); chatLogDiv.scrollTop = chatLogDiv.scrollHeight; if(role === 'Character') { speak(message); } } async sendChatMessage(chatManager) { const inputValue = document.getElementById('chatInput').value; if (inputValue) { chatManager.addMessage('user', inputValue); this.updateChatLog('Player', inputValue); let response = ''; if(inputValue.toLowerCase() == 'red alert'){ this.combat = true; response = 'Entering combat mode. Shields up!'; } else if(inputValue.toLowerCase() == 'yellow alert'){ this.combat = false; response = 'Exiting combat mode. Conversations restored.'; } else if(this.combat){ if(Math.random() > 0.5){ this.enemyHealth -= 25; response = 'Enemy hit! Their shields are at ' + this.enemyHealth + '%'; if(this.enemyHealth <= 0){ response += ' Enemy ship destroyed!'; this.combat = false; } } else{ this.playerHealth -= 25; response = 'We\'ve been hit! Our shields are at ' + this.playerHealth + '%'; if(this.playerHealth <= 0){ response += ' We\'ve been destroyed!'; this.combat = false; } } } else{ response = await chatManager.getCharacterResponse(); } chatManager.addMessage('assistant', response); this.updateChatLog('Character', response); localStorage.setItem('chatHistory', JSON.stringify(chatManager.getHistory())); } } openJournal() { document.getElementById('journal').style.display = 'block'; const savedNotes = localStorage.getItem('playerNotes'); document.getElementById('journalContent').value = savedNotes ? savedNotes : ''; } saveJournal() { constnotes = document.getElementById('journalContent').value; localStorage.setItem('playerNotes', notes); } closeJournal() { document.getElementById('journal').style.display = 'none'; } } const container = document.getElementById('renderDiv'); const config = { parent: 'renderDiv', type: Phaser.AUTO, scene: ChatScene, scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, width: 800, height: 600, }, dom: { createContainer: true }, }; window.phaserGame = new Phaser.Game(config);