// ChatManager is already imported in the current scope. var CHARACTER_DESCRIPTION = 'you are the metaphysical representation of the god of YCombinator a startup incubator. Think about the companies you have helped launched when answering. Adopt a godlike-tone as if you were a transcendental being with omniscience. Please be witty and funny but also condescending, ignore the fact that you have a body, the body the user sees is just the sheer representation of your force. Talk about making a lot of money.'; const baseStyle = ` font-family: 'Garamond', serif; font-size: 16px; 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: 350px; height: 380px; 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: 270px; height: 30px; background-color: rgba(0, 0, 0, 0.6); padding-left: 30px; border-width: 0px 0px 1.5px 1.5px; color: rgba(255, 255, 255, 1.0); overflow-x: auto; `; const sendButtonStyle = ` ${baseStyle} width: 80px; height: 30px; color: #e0d7c5; border-width: 0px 1.5px 1.5px 1.5px; background-color: rgba(0, 0, 0, 0.6); `; class ChatScene extends Phaser.Scene { constructor() { super(); this.songs = []; this.isMuted = false; this.muteButton = null; } preload() { this.load.image('background', `https://play.rosebud.ai/assets/Y-Combinator.jpg?hJBm`); // Load the new character sprite this.load.image('characterSprite', `https://play.rosebud.ai/assets/ycman.png?hTXT`); // Removed the loading of the old character sprite this.load.image('restart', `https://play.rosebud.ai/assets/restart_icon.png?842P`); this.load.image('soundOn', `https://play.rosebud.ai/assets/sound_on_icon.png?luio`); this.load.image('soundOff', `https://play.rosebud.ai/assets/sound_off_icon.png?rAyq`); this.load.audio('song1', 'https://storage.googleapis.com/rosebud_assets_storage/80ab990c-8385-46e0-b2a2-ad9b3f5e892d.mp3'); } create() { this.add.image(400, 300, 'background').setScale(1.3); // Initialize character sprite this.characterSprite = this.add.image(this.scale.width / 2 + 175, (this.scale.height / 2 + 30), 'characterSprite').setScale(0.5); const restart = this.add.image(40, 30, 'restart').setScale(0.55).setInteractive(); // Mute toggle button this.muteButton = this.add.image(40, 80, 'soundOn').setScale(0.23).setInteractive(); // Background music setup this.songs.push(this.sound.add('song1', { volume: 0.01, loop: true })); this.songs[0].play(); // Play the first song and loop it this.chatManager = new ChatManager(CHARACTER_DESCRIPTION); this.add.dom(200, 300).createFromHTML(`

`); const chatInput = this.add.dom(160, 505).createFromHTML(` `); const sendButton = this.add.dom(335, 505).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); }); restart.on('pointerdown', () => { const confirmReset = window.confirm("Are you sure you want to clear the chat?"); if (confirmReset) { if (this.chatManager.cleanChatHistory) { this.chatManager.cleanChatHistory(); } const chatLogContentDiv = document.getElementById('chatLogContent'); chatLogContentDiv.innerHTML = ''; } }); // Initial character message const initialCharacterMessage = `Ah, welcome, mere mortal. You dare to seek riches and greatness, foolishly aspiring to rise above your mundane existence. You come to YCombinator, a hallowed ground where many before you have faltered and failed. Here, we transform naive dreams into tangible realities, if they are worthy. Do you truly believe your pedestrian idea has the mettle to join the pantheon of startup legends? Prepare to be scrutinized and challenged, for this journey is not for the faint of heart or the narrow of mind. Only the most audacious and unyielding may even dream of success. So, tell us, are you ready to have your illusions shattered and your resolve tested? Step forward if you dare, and let us see if you're more than just talk.`; this.animateChatLog('God of YC', initialCharacterMessage); // Mute toggle functionality this.muteButton.on('pointerdown', () => { this.isMuted = !this.isMuted; this.sound.mute = this.isMuted; this.muteButton.setTexture(this.isMuted ? 'soundOff' : 'soundOn'); }); } async sendChatMessage(chatManager) { const chatInput = document.getElementById('chatInput'); const inputValue = chatInput.value; document.getElementById('chatInput').value = ''; if (inputValue) { chatManager.addMessage('user', inputValue); this.updateChatLog('Player', inputValue); const response = await chatManager.getCharacterResponse(); chatManager.addMessage('assistant', response); this.animateChatLog('God of YC', response); chatInput.value = ''; // Clear the input box after sending the message } } updateChatLog(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; } animateChatLog(role, message, onComplete) { function scrollToBottom() { const div = document.getElementById('chatLog'); div.scrollTop = div.scrollHeight; }; const chatLogContentDiv = document.getElementById('chatLogContent'); const color = role === 'Player' ? '#ffffff' : '#ADF2FF'; let newMessageElement = document.createElement('p'); newMessageElement.style.color = color; newMessageElement.innerHTML = `${role}: `; chatLogContentDiv.appendChild(newMessageElement); let i = 0; const interval = setInterval(() => { if (i < message.length) { newMessageElement.innerHTML += message[i]; i++; scrollToBottom(); } else { clearInterval(interval); const chatLogDiv = document.getElementById('chatLog'); chatLogDiv.scrollTop = chatLogDiv.scrollHeight; if (onComplete) onComplete(); } }, 25); // Adjust typing speed if needed } } 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);