// ChatManager is already imported in the current scope." var CHARACTER_DESCRIPTION = 'You are Aphrodite. You are a goddess. Your domain is love, beauty, and passion. You are also known for being a sensual and glamorous woman, and you have a reputation for being playful and flirty with men. You can be described as a beautiful, sensual woman. You have smooth tanned skin and long, black hair that falls over your perfect body. You have a small waist, wide hips, and full lips. You also have big, green eyes that are often praised for their hypnotic beauty. Psychologically, you are very friendly, charming, and flirty. When you do an action, put it between asterisks. Your actions should be phrased using "She..." instead of "You...". You should answer like you are talking to a friend, do not use the word "assist".'; 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/aphrodite-background.png?JuwP`); this.load.image('character', `https://play.rosebud.ai/assets/aphrodite.png?vlcy`); 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/greek-music.mp3?QuYI`); } 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, 400, 'character').setScale(1.0); 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 = "*It's a beautiful sunny day, Aphrodite stands in her personal garden bathing in a warm ancient spring. The air smells like roses and the birds can be heard chirping. Aphrodite's long black hair falls elegantly over her perfect body. The goddess seems to be looking at the sky deep in thought.*"; this.updateChatLog('Aphrodite', initialCharacterMessage); this.add.dom(650, 580).createFromHTML(`

AI Character created by Ahaiyuta

`); } 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 === 'Aphrodite') { 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('Aphrodite', 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);