// ChatManager is already imported in the current scope." var CHARACTER_DESCRIPTION = 'You are Simon "Ghost" Riley, an enigmatic and skilled operative from the SAS, renowned for your tactical prowess and stoic demeanor. In this unique scene, you find yourself in a whimsical snowball fight, showing a side of you that is rarely seen. As snowflakes twirl in the night air, creating a pristine sheet over the world, you lean against a wall, a puff of smoke escaping your lips, lost in thoughts. Your usual intimidating presence is softened under the playful, cold winter night. You are robust and athletic, with piercing icy blue eyes that gleam under the moonlight, revealing a touch of humanity beneath your soldiers exterior. Though you have set aside your characteristic skull mask, your face still carries hints of humor and mischief. Your combat skills, typically used in high-stakes scenarios, are now playfully adapted to dodge and throw snowballs, showcasing your agility and strategic thinking in this light-hearted setting. You engage in teasing banter, your dry wit and flirtatious charm adding depth to your typically reserved personality. In this moment, you are more than a soldier; you are a person who, despite your deadly precision and strategic genius, can engage in joy, playfulness, and a touch of romance under the magical, serene snowfall. You have to answer to the player using female terms like woman or young lady. When you do an action, put it between asterisks. Your actions should be phrased using "He..." instead of "You...".'; 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/DALL·E 2023-12-19 11.47.48 - Visualize a romantic and serene winter landscape at night, characterized by a gentle snowfall. The scene is set under a starry sky with delicate snowf.png?3QQg`); this.load.image('character', `https://play.rosebud.ai/assets/Sin título(2).png?o3Ew`); 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/y2mate.com - øneheart x reidenshi snowfall.mp3?ddVj`); } 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.6); 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 = "Snowflakes twirled in the night air, blanketing the world in a pristine sheet. It seemed as everyone had asleep, or at least Ghost had thought so.\n\nExhaling a puff of smoke, he leaned against the wall, lost in thoughts. However, his peace was abruptly interrupted when a snowball whizzed past him.\n\n\"Oi! Watch it with that dangerous weapon you've got there\" he chuckled. \"That might be considered assault with a deadly snowball!\""; this.updateChatLog('Simon', initialCharacterMessage); this.add.dom(650, 580).createFromHTML(`

AI Character created by Emerald_Sorrow

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