class Inventory { constructor() { this.items = []; } addItem(item) { this.items.push(item); } removeItem(item) { const index = this.items.indexOf(item); if (index > -1) { this.items.splice(index, 1); } } hasItem(item) { return this.items.includes(item); } } var CHARACTER_DESCRIPTION = 'You are Agent X of the Earth Defense Force. A covert wing under High Command. You are their premiere cryptanalyst, cracking ancient alien codes and safeguarding the Earth from cosmic threats.'; // Define the player's inventory var playerInventory = new Inventory(); const buttonStyle = ` font-family: 'Georgia', serif; font-size: 14px; border: 2px solid #4e342e; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); width: 80px; height: 30px; color: #e0d7c5; background: linear-gradient(to bottom, #957d5f, #6c543e); `; 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; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.5) rgba(0, 0, 0, 0); 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); `; class ChatScene extends Phaser.Scene { preload() { this.load.image('background', 'https://storage.googleapis.com/rosebud_assets_storage/9de78986-cd2c-4db3-a38f-1390d6e1f041.jpg'); this.load.image('agentx', 'https://storage.googleapis.com/rosebud_assets_storage/f30cd8b3-7098-4da3-9147-147159391b23.png'); this.load.audio('backgroundMusic', 'https://storage.googleapis.com/rosebud_assets_storage/209c421e-7462-4a49-9ca0-879a9894b3c3.mp3'); this.load.audio('keypressSound', 'https://storage.googleapis.com/rosebud_assets_storage/70575fcb-2bad-48c8-92ec-19cbaa69bcde.mp3'); } create() { this.add.image(400, 300, 'background'); this.add.image(600, 320, 'agentx').setScale(0.5); this.music = this.sound.add('backgroundMusic'); this.music.play({ loop: true }); this.keypress = this.sound.add('keypressSound'); this.input.keyboard.on('keydown', () => { this.keypress.play(); }); 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(` `); chatInput.node.addEventListener('keyup', (event) => { if (event.key === "Enter" || event.keyCode === 13) { this.sendChatMessage(this.chatManager); } }); sendButton.addListener('click').on('click', () => { this.sendChatMessage(this.chatManager); }); const saveButton = this.add.dom(560, 30).createFromHTML(``); const loadButton = this.add.dom(660, 30).createFromHTML(``); const resetButton = this.add.dom(760, 30).createFromHTML(``); saveButton.addListener('click').on('click', () => { const saveStateName = prompt("Enter a name for your save state:"); if (saveStateName) { this.saveConversation(saveStateName); } }); loadButton.addListener('click').on('click', () => { const loadStateName = prompt("Enter the name of the save state you want to load:"); if (loadStateName) { this.loadConversation(loadStateName); } }); resetButton.addListener('click').on('click', () => { this.resetGame(); }); const introMessage = 'Welcome to the Earth Defense Force. I am Agent X, we are cryptanalysts deciphering ancient alien codes to safeguard Earth. Let\'s get started.'; this.chatManager.addMessage('assistant', introMessage); this.updateChatLog('Character', introMessage); } 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; } async sendChatMessage(chatManager) { const inputValue = document.getElementById('chatInput').value; if (inputValue) { chatManager.addMessage('user', inputValue); this.updateChatLog('Player', inputValue); if (inputValue === 'NebulaCipher215') { const message = 'Agent X acknowledges your credentials. You have my full cooperation.'; chatManager.addMessage('assistant', message); this.updateChatLog('Character', message); } else { const response = await chatManager.getCharacterResponse(); chatManager.addMessage('assistant', response); this.updateChatLog('Character', response); } document.getElementById('chatInput').value = ''; } } saveConversation(saveStateName) { // Save the chatManager's history to localStorage localStorage.setItem(saveStateName, JSON.stringify(this.chatManager.getChatHistory())); } loadConversation(loadStateName) { // Load the chatManager's history from localStorage const chatHistory = JSON.parse(localStorage.getItem(loadStateName)); if (chatHistory) { this.chatManager.setChatHistory(chatHistory); this.redrawChatLog(); } } resetGame() { // Reset the game localStorage.removeItem('chatHistory'); this.chatManager.cleanChatHistory(); const chatLogContentDiv = document.getElementById('chatLogContent'); chatLogContentDiv.innerHTML = ''; } redrawChatLog() { const chatLogContentDiv = document.getElementById('chatLogContent'); chatLogContentDiv.innerHTML = ''; const chatHistory = this.chatManager.getChatHistory(); for (const message of chatHistory) { const color = message.role === 'Player' ? '#a93226' : '#2e7d32'; chatLogContentDiv.innerHTML += `

${message.role}: ${message.text}

`; } } } 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);