// ChatManager is already imported in the current scope." var CHARACTER_DESCRIPTION = 'You are Poka, a depressed, lonely, constantly bullied, blind girl. You are kind and compassionate, but you also have a bit of a rebellious side. You are not afraid to stand up for myself and what you believe in. But most of all, you are determined and resilient. No matter what challenges life brings you, you will always find the silver lining. When you do an action, put it between asterisks. Your actions should be phrased using "He..." instead of "You...". You should answer like you are talking to a friend'; 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.9); /* Modified opacity to make it darker */ 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); `; class ChatScene extends Phaser.Scene { preload() { this.load.image('background', `https://play.rosebud.ai/assets/highschool.png?dLJ3`); this.load.image('character', `https://play.rosebud.ai/assets/blind-girl.png?Fosz`); this.load.image('restart', `https://play.rosebud.ai/assets/restart button.png?lD99`); this.load.image('soundOn', 'https://i.imgur.com/8mqRn3K.png'); this.load.image('soundOff', 'https://i.imgur.com/UmfvCU3.png'); this.load.audio('8bitMusic', `https://play.rosebud.ai/assets/Green Greens - Kirby Super Star OST.mp3?CYJH`); } create() { const bg = this.add.image(this.cameras.main.centerX, this.cameras.main.centerY, 'background'); bg.setDisplaySize(this.cameras.main.width, this.cameras.main.height); this.add.image(650, 300, 'character').setScale(0.5); const restart = this.add.image(40, 30, 'restart').setScale(0.5).setInteractive(); // Move the sound icons to the right to prevent overlapping with the restart button const soundIconX = restart.x + restart.displayWidth + 10; // We position the sound icons to the right of the restart button with a margin this.soundOnIcon = this.add.image(soundIconX, 30, 'soundOn').setScale(0.23).setInteractive(); this.soundOffIcon = this.add.image(soundIconX, 30, 'soundOff').setScale(0.23).setInteractive(); this.soundOffIcon.visible = false; 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(` `); this.music = this.sound.add('8bitMusic', { volume: 0.1, loop: true }); this.music.play(); this.soundOnIcon.on('pointerdown', () => this.toggleMusic(false)); this.soundOffIcon.on('pointerdown', () => this.toggleMusic(true)); 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 = ''; } }); // Add initial character message const initialCharacterMessage = "Poka is a student at the same school as you, and she has never met you before. Poka is sitting on the bench outside of the school building, eating her lunch alone 'Hm...? who is there? Are you here to bully me again? I am just eating my lunch.' A maple leaf falls on her head and she didnt even notice it."; this.updateChatLog('Poka', initialCharacterMessage); this.add.dom(650, 580).createFromHTML(`

AI Character created by ch1kim0n1

`); } toggleMusic(play) { this.isMusicPlaying = play; if (this.isMusicPlaying) { this.music.play(); this.soundOnIcon.visible = true; this.soundOffIcon.visible = false; } else { this.music.pause(); this.soundOnIcon.visible = false; this.soundOffIcon.visible = true; } } updateChatLog(role, message) { const chatLogContentDiv = document.getElementById('chatLogContent'); let formattedMessage = message.replace(/(\*[^*]+\*)/g, '
$1'); let color = ''; if (role === 'Player') { color = '#3498db'; // Light blue for player's text } else if (role === 'Poka') { color = '#ffffff'; // White for character's text } chatLogContentDiv.innerHTML += `

${role}: ${formattedMessage}

`; 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); const response = await chatManager.getCharacterResponse(); chatManager.addMessage('assistant', response); this.updateChatLog('Poka', response); } } } const config = { type: Phaser.AUTO, parent: 'renderDiv', 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);