// ChatManager is already imported in the current scope. const baseStyle = ` font-family: 'Trebuchet MS', serif; font-size: 30px; font-weight: bold; border: 2px solid #4e342e; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.9); `; const chatLogStyle = ` ${baseStyle} width: 280px; height: 670px; background-color: rgba(0, 0, 0, 0.1); padding: 10px; direction: ltr; box-shadow: none; border: none; overflow-y: auto; font-weight: bold; font-size: 36px; `; const inputStyle = ` ${baseStyle} width: 280px; height: 50px; background-color: rgba(255, 255, 255, 0.6); box-shadow: none; font-weight: bold; font-size: 36px; `; const sendButtonStyle = ` ${baseStyle} width: 280px; height: 54px; color: #e0d7c5; background: linear-gradient(to bottom, #957d5f, #6c543e); box-shadow: none; font-weight: bold; font-size: 36px; `; const closeButtonStyle = ` ${baseStyle} width: 30px; height: 30px; border-radius: 30px; color: #fff; background-color: #ff6347; font-size: 30px; text-align: center; line-height: 30px; cursor: pointer; `; class NPC extends Phaser.Physics.Arcade.Sprite { constructor(scene, x, y, key, characterDescription, animKey, startFrame, endFrame) { super(scene, x, y, key); this.scene = scene; this.characterDescription = characterDescription; this.isChatting = false; this.chatLogId = 'chatLogContent-' + characterDescription.replace(/\s+/g, '-').toLowerCase(); scene.physics.world.enable(this); this.setCollideWorldBounds(true); this.setInteractive(); scene.add.existing(this); this.directionChangeTimer = 0; this.direction = 'down'; this.isChatOpen = false; this.chatManager = new ChatManager(characterDescription); this.createAnimation(animKey, startFrame, endFrame); } setCursorStyle() { this.on('pointerover', () => { if (this.playerInRange(this.scene.player)) { this.scene.input.setDefaultCursor('pointer'); } }); this.on('pointerout', () => { this.scene.input.setDefaultCursor('default'); }); } update() { if (this.isChatting) return; // Simple idle animation this.play('npc_idle', true); } createAnimation(animKey, startFrame, endFrame) { if (this.texture.key === 'solarSystem') { // For static images, create a simple animation with one frame this.scene.anims.create({ key: animKey, frames: [{ key: this.texture.key }], frameRate: 1, repeat: 0 }); } else { this.scene.anims.create({ key: animKey, frames: this.scene.anims.generateFrameNumbers(this.texture.key, { start: startFrame, end: endFrame }), frameRate: 10, repeat: -1 }); } this.anims.play(animKey, true); } openChat() { this.isChatting = true; this.scene.openChat(this); } closeChat() { this.isChatting = false; } playerInRange(player) { const distance = Phaser.Math.Distance.Between(this.x, this.y, player.x, player.y); return distance < 230; } } class ChatScene extends Phaser.Scene { preload() { this.load.image('background', 'https://play.rosebud.ai/assets/Solar Safari Background with room for Scroll.png?RCVH'); this.load.image('scroll', `https://play.rosebud.ai/assets/Solar Safari Chat Scroll (1).png?kjzG`); this.load.image('mercury', 'https://play.rosebud.ai/assets/Mercury_Sprite.png?eCLe'); this.load.image('venus', 'https://play.rosebud.ai/assets/Venus_Sprite.png?FpMO'); this.load.image('earth', 'https://play.rosebud.ai/assets/Earth_Sprite.png?BHwc'); this.load.image('mars', 'https://play.rosebud.ai/assets/Mars_Sprite.png?d0qU'); this.load.image('jupiter', 'https://play.rosebud.ai/assets/Jupiter_Sprite.png?wtjo'); this.load.image('saturn', 'https://play.rosebud.ai/assets/Saturn_Sprite.png?ARRe'); this.load.image('uranus', 'https://play.rosebud.ai/assets/Uranus_Sprite.png?laRh'); this.load.image('neptune', 'https://play.rosebud.ai/assets/Neptune_Sprite.png?ZRtI'); this.load.image('player', 'https://play.rosebud.ai/assets/Main_Player.png?4yJl'); this.load.image('npc', 'https://play.rosebud.ai/assets/Solar Safari Assets (3).png?8HC4'); } create() { // Check if we're on the Mercury page if (window.location.href.includes('547dd23b-ffdc-46c3-bec1-6c96178e360b')) { return; // Exit the create method early if on Mercury page } // The rest of the create method for the main solar system scene // Adjust the background image to fit the scene and move it slightly to the left const background = this.add.image(675, 445, 'background'); const scaleX = this.sys.game.config.width / background.width; const scaleY = this.sys.game.config.height / background.height; const scale = Math.max(scaleX, scaleY); background.setScale(scale); // Add the scroll image this.add.image(1200, 445, 'scroll').setDisplaySize(500, 800); // Initialize cursor keys this.cursors = this.input.keyboard.createCursorKeys(); this.chatDialogs = new Map(); // Load locked state this.loadLockedState(); // Create planet sprites this.createMercury(); this.createVenus(); this.createEarth(); this.createMars(); this.createJupiter(); this.createSaturn(); this.createUranus(); this.createNeptune(); console.log('All planets created'); // Create player sprite at the bottom middle of the game const gameWidth = this.sys.game.config.width; const gameHeight = this.sys.game.config.height; this.player = this.physics.add.sprite(gameWidth / 2, gameHeight - 50, 'player'); this.player.setCollideWorldBounds(true); this.player.setScale(0.25); // Create NPC this.createNPC(); // Add collision between player and NPC this.physics.add.collider(this.player, this.npc); // Initialize a flag for chat interaction this.canOpenChat = false; // Add spacebar input listener this.spaceKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.SPACE); // Initialize flags for planet interactions this.canInteractWithMercury = false; this.canInteractWithVenus = false; this.canInteractWithEarth = false; this.canInteractWithMars = false; this.canInteractWithJupiter = false; this.canInteractWithSaturn = false; this.canInteractWithUranus = false; this.canInteractWithNeptune = false; // Create chat UI const { chatLog, chatInput, sendButton, chatLogId } = this.createChatUI(); this.chatUI = { chatLog, chatInput, sendButton, chatLogId }; // Display welcome message this.displayWelcomeMessage(chatLogId); } displayWelcomeMessage(chatLogId) { const welcomeMessage = `Welcome to Solar Safari! Here are some basic instructions: 1. Use arrow keys to move your character. 2. Approach planets to interact with them. 3. Press SPACE when near a planet to visit its page. 4. Explore and learn about our Solar System! Feel free to ask me any questions about the game or the planets!`; const chatLogNode = document.getElementById(chatLogId); if (chatLogNode) { this.updateChatLog(chatLogNode, 'Solar Safari Guide', welcomeMessage); } } createChatUI() { const uniqueIdSuffix = 'solar-safari-guide'; const chatLogId = `chatLogContent-${uniqueIdSuffix}`; const chatLog = this.add.dom(1200, 400).createFromHTML(`

`); const chatInputId = `chatInput-${uniqueIdSuffix}`; const chatInput = this.add.dom(1200, 770).createFromHTML(` `); const sendButtonId = `sendButton-${uniqueIdSuffix}`; const sendButton = this.add.dom(1200, 820).createFromHTML(` `); chatInput.node.addEventListener('keydown', (event) => { event.stopPropagation(); if (event.key === "Enter" || event.keyCode === 13) { this.sendChatMessage(chatInputId, chatLogId); } }); sendButton.addListener('click'); sendButton.on('click', () => { this.sendChatMessage(chatInputId, chatLogId); }); return { chatLog, chatInput, sendButton, chatLogId }; } loadLockedState() { const savedState = localStorage.getItem('planetsState'); if (savedState) { const state = JSON.parse(savedState); this.mercuryPosition = state.mercury || { x: 200, y: 200 }; this.venusPosition = state.venus || { x: 400, y: 200 }; this.earthPosition = state.earth || { x: 600, y: 200 }; this.marsPosition = state.mars || { x: 800, y: 200 }; this.jupiterPosition = state.jupiter || { x: 1000, y: 200 }; this.saturnPosition = state.saturn || { x: 1200, y: 200 }; this.uranusPosition = state.uranus || { x: 1400, y: 200 }; this.neptunePosition = state.neptune || { x: 700, y: 445 }; } else { this.mercuryPosition = { x: 200, y: 200 }; this.venusPosition = { x: 400, y: 200 }; this.earthPosition = { x: 600, y: 200 }; this.marsPosition = { x: 800, y: 200 }; this.jupiterPosition = { x: 1000, y: 200 }; this.saturnPosition = { x: 1200, y: 200 }; this.uranusPosition = { x: 1400, y: 200 }; this.neptunePosition = { x: 700, y: 445 }; } this.assetsLocked = true; // Always set assets to locked console.log('Loaded planet positions:', this.mercuryPosition, this.venusPosition, this.earthPosition, this.marsPosition, this.jupiterPosition, this.saturnPosition, this.uranusPosition, this.neptunePosition); } createMercury() { if (this.mercuryPosition && typeof this.mercuryPosition.x === 'number' && typeof this.mercuryPosition.y === 'number') { this.mercury = this.add.image(this.mercuryPosition.x, this.mercuryPosition.y, 'mercury'); this.mercury.setScale(0.5); // Adjust scale as needed this.mercury.setInteractive(); this.mercury.on('pointerup', () => { this.openExternalLink('https://en.wikipedia.org/wiki/Mercury_(planet)'); }); console.log('Mercury created at:', this.mercury.x, this.mercury.y); this.mercury.name = 'mercury'; // Add a name property for easy identification } else { console.log('Invalid Mercury position, not creating Mercury'); } } createVenus() { if (this.venusPosition && typeof this.venusPosition.x === 'number' && typeof this.venusPosition.y === 'number') { this.venus = this.add.image(this.venusPosition.x, this.venusPosition.y, 'venus'); this.venus.setScale(1); // Doubled the scale from 0.5 to 1 this.venus.setInteractive(); this.venus.on('pointerup', () => { if (!this.assetsLocked) { this.openExternalLink('https://en.wikipedia.org/wiki/Venus'); } }); if (!this.assetsLocked) { this.input.setDraggable(this.venus); this.input.on('drag', (pointer, gameObject, dragX, dragY) => { if (gameObject === this.venus) { gameObject.x = dragX; gameObject.y = dragY; } }); } } else { console.log('Invalid Venus position, not creating Venus'); } } createEarth() { if (this.earthPosition && typeof this.earthPosition.x === 'number' && typeof this.earthPosition.y === 'number') { this.earth = this.add.image(this.earthPosition.x, this.earthPosition.y, 'earth'); this.earth.setScale(1); // Doubled the scale from 0.5 to 1 if (!this.assetsLocked) { this.earth.setInteractive({ draggable: true }); this.input.setDraggable(this.earth); this.input.on('drag', (pointer, gameObject, dragX, dragY) => { if (gameObject === this.earth) { gameObject.x = dragX; gameObject.y = dragY; } }); } console.log('Earth created at:', this.earth.x, this.earth.y); } else { console.log('Invalid Earth position, not creating Earth'); } } createMars() { this.mars = this.add.image(this.marsPosition.x, this.marsPosition.y, 'mars'); this.mars.setScale(0.25); // Decreased the scale from 0.5 to 0.25 if (!this.assetsLocked) { this.mars.setInteractive({ draggable: true }); this.input.setDraggable(this.mars); this.input.on('drag', (pointer, gameObject, dragX, dragY) => { gameObject.x = dragX; gameObject.y = dragY; }); } } createJupiter() { this.jupiter = this.add.image(this.jupiterPosition.x, this.jupiterPosition.y, 'jupiter'); this.jupiter.setScale(1); // Increased the scale from 0.5 to 1 (2 times its current size) if (!this.assetsLocked) { this.jupiter.setInteractive({ draggable: true }); this.input.setDraggable(this.jupiter); this.input.on('drag', (pointer, gameObject, dragX, dragY) => { gameObject.x = dragX; gameObject.y = dragY; }); } } createSaturn() { this.saturn = this.add.image(this.saturnPosition.x, this.saturnPosition.y, 'saturn'); this.saturn.setScale(1); // Set scale to 1 to make it twice its current size if (!this.assetsLocked) { this.saturn.setInteractive({ draggable: true }); this.input.setDraggable(this.saturn); this.input.on('drag', (pointer, gameObject, dragX, dragY) => { gameObject.x = dragX; gameObject.y = dragY; }); } } createUranus() { this.uranus = this.add.image(this.uranusPosition.x, this.uranusPosition.y, 'uranus'); this.uranus.setScale(1); // Set scale to 1 to make it twice its current size if (!this.assetsLocked) { this.uranus.setInteractive({ draggable: true }); this.input.setDraggable(this.uranus); this.input.on('drag', (pointer, gameObject, dragX, dragY) => { gameObject.x = dragX; gameObject.y = dragY; }); } } createNeptune() { this.neptune = this.add.image(this.neptunePosition.x, this.neptunePosition.y, 'neptune'); this.neptune.setScale(0.5); // Adjust scale as needed if (!this.assetsLocked) { this.neptune.setInteractive({ draggable: true }); this.input.setDraggable(this.neptune); } this.input.on('drag', (pointer, gameObject, dragX, dragY) => { if (gameObject === this.neptune && !this.assetsLocked) { gameObject.x = dragX; gameObject.y = dragY; } }); console.log('Neptune created at:', this.neptunePosition.x, this.neptunePosition.y); } saveAssetPositions() { const positions = { mercury: { x: this.mercury.x, y: this.mercury.y } }; localStorage.setItem('assetPositions', JSON.stringify(positions)); } loadAssetPositions(assetKey) { const savedPositions = localStorage.getItem('assetPositions'); if (savedPositions) { const positions = JSON.parse(savedPositions); return positions[assetKey]; } return null; } addAsset(x, y, key) { // This method is no longer needed as we're creating Mercury directly console.log('Adding asset:', key, 'at position:', x, y); } lockAssets() { this.assetsLocked = !this.assetsLocked; const planets = [this.mercury, this.venus, this.earth, this.mars, this.jupiter, this.saturn, this.uranus, this.neptune]; planets.forEach(planet => { if (this.assetsLocked) { planet.disableInteractive(); this.input.setDraggable(planet, false); } else { planet.setInteractive({ draggable: true }); this.input.setDraggable(planet); } }); if (this.assetsLocked) { this.savePlanetsState(); console.log('Assets locked and positions saved'); } else { console.log('Assets unlocked'); } } savePlanetsState() { const state = { locked: true }; const planets = ['mercury', 'venus', 'earth', 'mars', 'jupiter', 'saturn', 'uranus', 'neptune']; planets.forEach(planet => { if (this[planet]) { state[planet] = { x: this[planet].x, y: this[planet].y }; } }); localStorage.setItem('planetsState', JSON.stringify(state)); } // Remove addColliders, createPlanets, createPlanetAssets, and placeAsset functions update() { if (!this.player || !this.cursors) { console.log('Player or cursors not initialized'); return; } // Handle player movement with arrow keys const speed = 200; let velocityX = 0; let velocityY = 0; if (this.cursors.left.isDown) { velocityX = -speed; } else if (this.cursors.right.isDown) { velocityX = speed; } if (this.cursors.up.isDown) { velocityY = -speed; } else if (this.cursors.down.isDown) { velocityY = speed; } // Apply velocity this.player.setVelocity(velocityX, velocityY); // Custom boundary checking const margin = 10; // Add a small margin to prevent the player from going completely off-screen const minX = margin; const maxX = this.sys.game.config.width - margin; const minY = margin; const maxY = this.sys.game.config.height - margin; this.player.x = Phaser.Math.Clamp(this.player.x, minX, maxX); this.player.y = Phaser.Math.Clamp(this.player.y, minY, maxY); // Check for planet interactions if (this.mercury && this.mercury.x !== undefined) this.checkMercuryInteraction(); if (this.venus && this.venus.x !== undefined) this.checkVenusInteraction(); if (this.earth && this.earth.x !== undefined) this.checkEarthInteraction(); if (this.mars && this.mars.x !== undefined) this.checkMarsInteraction(); if (this.jupiter && this.jupiter.x !== undefined) this.checkJupiterInteraction(); if (this.saturn && this.saturn.x !== undefined) this.checkSaturnInteraction(); if (this.uranus && this.uranus.x !== undefined) this.checkUranusInteraction(); if (this.neptune && this.neptune.x !== undefined) this.checkNeptuneInteraction(); // Check for NPC interaction if (this.npc && this.npc.x !== undefined) this.checkNPCInteraction(); // Handle spacebar input if (Phaser.Input.Keyboard.JustDown(this.spaceKey)) { console.log('Spacebar just pressed'); if (this.canInteractWithMercury) { console.log('Can interact with Mercury, opening URL'); this.openMercuryURL(); } else if (this.canInteractWithVenus) { console.log('Can interact with Venus, opening URL'); this.openVenusURL(); } else if (this.canInteractWithEarth) { console.log('Can interact with Earth, opening URL'); this.openEarthURL(); } else if (this.canInteractWithMars) { console.log('Can interact with Mars, opening URL'); this.openMarsURL(); } else if (this.canInteractWithJupiter) { console.log('Can interact with Jupiter, opening URL'); this.openJupiterURL(); } else if (this.canInteractWithSaturn) { console.log('Can interact with Saturn, opening URL'); this.openSaturnURL(); } else if (this.canInteractWithUranus) { console.log('Can interact with Uranus, opening URL'); this.openUranusURL(); } else if (this.canInteractWithNeptune) { console.log('Can interact with Neptune, opening URL'); this.openNeptuneURL(); } else { console.log('Cannot interact with any planet'); } } // Debug information (reduced frequency to avoid console spam) if (this.time.frameCount % 60 === 0) { console.log(`Player position: (${this.player.x}, ${this.player.y})`); if (this.mercury) { console.log(`Mercury position: (${this.mercury.x}, ${this.mercury.y})`); console.log(`Can interact with Mercury: ${this.canInteractWithMercury}`); } else { console.log('Mercury object not found'); } if (this.venus) { console.log(`Venus position: (${this.venus.x}, ${this.venus.y})`); console.log(`Can interact with Venus: ${this.canInteractWithVenus}`); } else { console.log('Venus object not found'); } if (this.earth) { console.log(`Earth position: (${this.earth.x}, ${this.earth.y})`); console.log(`Can interact with Earth: ${this.canInteractWithEarth}`); } else { console.log('Earth object not found'); } if (this.mars) { console.log(`Mars position: (${this.mars.x}, ${this.mars.y})`); console.log(`Can interact with Mars: ${this.canInteractWithMars}`); } else { console.log('Mars object not found'); } if (this.jupiter) { console.log(`Jupiter position: (${this.jupiter.x}, ${this.jupiter.y})`); console.log(`Can interact with Jupiter: ${this.canInteractWithJupiter}`); } else { console.log('Jupiter object not found'); } if (this.saturn) { console.log(`Saturn position: (${this.saturn.x}, ${this.saturn.y})`); console.log(`Can interact with Saturn: ${this.canInteractWithSaturn}`); } else { console.log('Saturn object not found'); } if (this.uranus) { console.log(`Uranus position: (${this.uranus.x}, ${this.uranus.y})`); console.log(`Can interact with Uranus: ${this.canInteractWithUranus}`); } else { console.log('Uranus object not found'); } if (this.neptune) { console.log(`Neptune position: (${this.neptune.x}, ${this.neptune.y})`); console.log(`Can interact with Neptune: ${this.canInteractWithNeptune}`); } else { console.log('Neptune object not found'); } } } // This entire method can be removed checkNPCInteraction() { const distance = Phaser.Math.Distance.Between(this.player.x, this.player.y, this.npc.x, this.npc.y); if (distance < 100) { this.openChat(this.npc); } else { console.log("Player is too far from NPC to interact"); } // Debug information console.log(`Player position: (${this.player.x}, ${this.player.y})`); console.log(`NPC position: (${this.npc.x}, ${this.npc.y})`); console.log(`Distance to NPC: ${distance}`); } // Remove the addCollider function as it's no longer needed // addCollider(x, y, width, height) { ... } openChat(npc) { // We'll keep this function, but it won't be called for now // since we don't have any NPCs } closeChat() { // We'll keep this function for future use } updateChatLog(chatLogNode, role, message) { // We'll keep this function for future use } async sendChatMessage(npc, chatManager, chatInputId, chatLogId) { // We'll keep this function for future use } // Remove lockAssets and loadLockedAssets functions addCollider(x, y, width, height) { const collider = this.colliders.create(x, y, null).setOrigin(0, 0).refreshBody().setVisible(false); collider.body.setSize(width, height); } openExternalLink(url) { window.open(url, '_blank'); } createNPC() { const npcX = 675; const npcY = 100; this.npc = this.add.image(npcX, npcY, 'npc'); this.npc.setScale(0.25); this.npc.setInteractive(); this.npc.on('pointerdown', () => { this.checkNPCInteraction(); }); } openChat(npc) { if (this.isChatOpen) return; this.isChatOpen = true; const uniqueIdSuffix = 'solar-safari-guide'; const chatLogId = `chatLogContent-${uniqueIdSuffix}`; if (this.chatDialogs.has(npc)) { const dialog = this.chatDialogs.get(npc); dialog.chatLog.setVisible(true); dialog.chatInput.setVisible(true); dialog.sendButton.setVisible(true); dialog.closeButton.setVisible(true); dialog.chatInput.node.focus(); } else { const chatLog = this.add.dom(1200, 400).createFromHTML(`

`); const chatInputId = `chatInput-${uniqueIdSuffix}`; const chatInput = this.add.dom(1200, 770).createFromHTML(` `); const sendButtonId = `sendButton-${uniqueIdSuffix}`; const sendButton = this.add.dom(1200, 820).createFromHTML(` `); const closeButtonId = `closeButton-${uniqueIdSuffix}`; const closeButton = this.add.dom(1430, 65).createFromHTML(` `); chatInput.node.addEventListener('keydown', (event) => { event.stopPropagation(); if (event.key === "Enter" || event.keyCode === 13) { this.sendChatMessage(npc, chatInputId, chatLogId); } }); sendButton.addListener('click'); sendButton.on('click', () => { this.sendChatMessage(npc, chatInputId, chatLogId); }); closeButton.addListener('click'); closeButton.on('click', () => { this.closeChat(); }); chatInput.node.focus(); this.chatDialogs.set(npc, { chatLog, chatInput, sendButton, closeButton }); } console.log('Chat opened with NPC'); } closeChat() { if (!this.isChatOpen) return; this.isChatOpen = false; for (let dialog of this.chatDialogs.values()) { dialog.chatLog.setVisible(false); dialog.chatInput.setVisible(false); dialog.sendButton.setVisible(false); dialog.closeButton.setVisible(false); } } updateChatLog(chatLogNode, role, message) { const color = role === 'Player' ? '#3d1e01' : '#8a0094'; chatLogNode.innerHTML += `

${role}: ${message}

`; chatLogNode.scrollTop = chatLogNode.scrollHeight; } async sendChatMessage(chatInputId, chatLogId) { const chatInputNode = document.getElementById(chatInputId); const chatLogNode = document.getElementById(chatLogId); if (chatInputNode && chatLogNode) { const inputValue = chatInputNode.value.toLowerCase(); if (inputValue) { this.updateChatLog(chatLogNode, 'Player', chatInputNode.value); let response = ''; if (inputValue.includes('instruction') || inputValue.includes('how to play') || inputValue.includes('help')) { response = this.getGameInstructions(); } else if (inputValue.includes('move') || inputValue.includes('control')) { response = "You can move your character using the arrow keys on your keyboard."; } else if (inputValue.includes('interact') || inputValue.includes('talk')) { response = "To interact with planets, move close to them and press the spacebar."; } else if (inputValue.includes('planet') || inputValue.includes('solar system')) { response = "There are 8 planets in our Solar System: Mercury, Venus, Earth, Mars, Jupiter, Saturn, Uranus, and Neptune. Approach each planet to learn more about it!"; } else { response = "I'm here to help you explore the Solar System. Feel free to ask me about game instructions, moving, interacting, or anything related to the planets!"; } this.updateChatLog(chatLogNode, 'Solar Safari Guide', response); chatInputNode.value = ''; } } } getGameInstructions() { return `Welcome to Solar Safari! Here are the game instructions: 1. Use arrow keys to move your character around the screen. 2. Approach me (the NPC) and press spacebar to start a conversation. 3. You can drag the planets around when they're unlocked. 4. Click on planets for more information about them. 5. Use the 'Lock Assets' button to lock/unlock planet positions. 6. Try to arrange the planets in the correct order of the Solar System! 7. Have fun exploring and learning about our Solar System!`; } checkMercuryInteraction() { if (!this.mercury || !this.player) { console.log('Mercury or player object not found'); return; } const distance = Phaser.Math.Distance.Between(this.player.x, this.player.y, this.mercury.x, this.mercury.y); const interactionDistance = 100; // Adjust this value if needed const canInteract = distance < interactionDistance; if (canInteract !== this.canInteractWithMercury) { this.canInteractWithMercury = canInteract; if (canInteract) { this.player.setTint(0x00ffff); // Cyan tint for Mercury interaction console.log('Player can now interact with Mercury'); this.showInteractionPrompt('Press SPACE to visit Mercury'); } else { this.player.clearTint(); console.log('Player moved away from Mercury'); this.hideInteractionPrompt(); } } // Debug information (reduced frequency) if (this.time.frameCount % 60 === 0) { console.log(`Distance to Mercury: ${distance}`); console.log(`Can interact with Mercury: ${this.canInteractWithMercury}`); } } checkVenusInteraction() { if (!this.venus) { console.log('Venus object not found'); return; } const distance = Phaser.Math.Distance.Between(this.player.x, this.player.y, this.venus.x, this.venus.y); const interactionDistance = 100; // Adjust this value if needed const canInteract = distance < interactionDistance; if (canInteract !== this.canInteractWithVenus) { this.canInteractWithVenus = canInteract; if (canInteract) { this.player.setTint(0xffff00); // Yellow tint for Venus interaction console.log('Player can now interact with Venus'); this.showInteractionPrompt('Press SPACE to visit Venus'); } else { this.player.clearTint(); console.log('Player moved away from Venus'); this.hideInteractionPrompt(); } } // Debug information (reduced frequency) if (this.time.frameCount % 60 === 0) { console.log(`Distance to Venus: ${distance}`); console.log(`Can interact with Venus: ${this.canInteractWithVenus}`); } } checkEarthInteraction() { if (!this.earth) { console.log('Earth object not found'); return; } const distance = Phaser.Math.Distance.Between(this.player.x, this.player.y, this.earth.x, this.earth.y); const interactionDistance = 100; // Adjust this value if needed const canInteract = distance < interactionDistance; if (canInteract !== this.canInteractWithEarth) { this.canInteractWithEarth = canInteract; if (canInteract) { this.player.setTint(0x00ff00); // Green tint for Earth interaction console.log('Player can now interact with Earth'); this.showInteractionPrompt('Press SPACE to visit Earth'); } else { this.player.clearTint(); console.log('Player moved away from Earth'); this.hideInteractionPrompt(); } } // Debug information (reduced frequency) if (this.time.frameCount % 60 === 0) { console.log(`Distance to Earth: ${distance}`); console.log(`Can interact with Earth: ${this.canInteractWithEarth}`); } } checkMarsInteraction() { if (!this.mars) { console.log('Mars object not found'); return; } const distance = Phaser.Math.Distance.Between(this.player.x, this.player.y, this.mars.x, this.mars.y); const interactionDistance = 100; // Adjust this value if needed const canInteract = distance < interactionDistance; if (canInteract !== this.canInteractWithMars) { this.canInteractWithMars = canInteract; if (canInteract) { this.player.setTint(0xff0000); // Red tint for Mars interaction console.log('Player can now interact with Mars'); this.showInteractionPrompt('Press SPACE to visit Mars'); } else { this.player.clearTint(); console.log('Player moved away from Mars'); this.hideInteractionPrompt(); } } // Debug information (reduced frequency) if (this.time.frameCount % 60 === 0) { console.log(`Distance to Mars: ${distance}`); console.log(`Can interact with Mars: ${this.canInteractWithMars}`); } } checkJupiterInteraction() { if (!this.jupiter) { console.log('Jupiter object not found'); return; } const distance = Phaser.Math.Distance.Between(this.player.x, this.player.y, this.jupiter.x, this.jupiter.y); const interactionDistance = 100; // Adjust this value if needed const canInteract = distance < interactionDistance; if (canInteract !== this.canInteractWithJupiter) { this.canInteractWithJupiter = canInteract; if (canInteract) { this.player.setTint(0xffa500); // Orange tint for Jupiter interaction console.log('Player can now interact with Jupiter'); this.showInteractionPrompt('Press SPACE to visit Jupiter'); } else { this.player.clearTint(); console.log('Player moved away from Jupiter'); this.hideInteractionPrompt(); } } // Debug information (reduced frequency) if (this.time.frameCount % 60 === 0) { console.log(`Distance to Jupiter: ${distance}`); console.log(`Can interact with Jupiter: ${this.canInteractWithJupiter}`); } } checkSaturnInteraction() { if (!this.saturn) { console.log('Saturn object not found'); return; } const distance = Phaser.Math.Distance.Between(this.player.x, this.player.y, this.saturn.x, this.saturn.y); const interactionDistance = 100; // Adjust this value if needed const canInteract = distance < interactionDistance; if (canInteract !== this.canInteractWithSaturn) { this.canInteractWithSaturn = canInteract; if (canInteract) { this.player.setTint(0xffd700); // Gold tint for Saturn interaction console.log('Player can now interact with Saturn'); this.showInteractionPrompt('Press SPACE to visit Saturn'); } else { this.player.clearTint(); console.log('Player moved away from Saturn'); this.hideInteractionPrompt(); } } // Debug information (reduced frequency) if (this.time.frameCount % 60 === 0) { console.log(`Distance to Saturn: ${distance}`); console.log(`Can interact with Saturn: ${this.canInteractWithSaturn}`); } } checkUranusInteraction() { if (!this.uranus) { console.log('Uranus object not found'); return; } const distance = Phaser.Math.Distance.Between(this.player.x, this.player.y, this.uranus.x, this.uranus.y); const interactionDistance = 100; // Adjust this value if needed const canInteract = distance < interactionDistance; if (canInteract !== this.canInteractWithUranus) { this.canInteractWithUranus = canInteract; if (canInteract) { this.player.setTint(0x00ffff); // Cyan tint for Uranus interaction console.log('Player can now interact with Uranus'); this.showInteractionPrompt('Press SPACE to visit Uranus'); } else { this.player.clearTint(); console.log('Player moved away from Uranus'); this.hideInteractionPrompt(); } } // Debug information (reduced frequency) if (this.time.frameCount % 60 === 0) { console.log(`Distance to Uranus: ${distance}`); console.log(`Can interact with Uranus: ${this.canInteractWithUranus}`); } } checkNeptuneInteraction() { if (!this.neptune) { console.log('Neptune object not found'); return; } const distance = Phaser.Math.Distance.Between(this.player.x, this.player.y, this.neptune.x, this.neptune.y); const interactionDistance = 100; // Adjust this value if needed const canInteract = distance < interactionDistance; if (canInteract !== this.canInteractWithNeptune) { this.canInteractWithNeptune = canInteract; if (canInteract) { this.player.setTint(0x0000ff); // Blue tint for Neptune interaction console.log('Player can now interact with Neptune'); this.showInteractionPrompt('Press SPACE to visit Neptune'); } else { this.player.clearTint(); console.log('Player moved away from Neptune'); this.hideInteractionPrompt(); } } // Debug information (reduced frequency) if (this.time.frameCount % 60 === 0) { console.log(`Distance to Neptune: ${distance}`); console.log(`Can interact with Neptune: ${this.canInteractWithNeptune}`); } } showInteractionPrompt(message) { if (this.interactionPrompt) { this.interactionPrompt.setText(message); } else { this.interactionPrompt = this.add.text(this.sys.game.config.width / 2, 50, message, { font: '24px Arial', fill: '#ffffff', backgroundColor: '#000000', padding: { x: 10, y: 5 } }).setOrigin(0.5); } } hideInteractionPrompt() { if (this.interactionPrompt) { this.interactionPrompt.destroy(); this.interactionPrompt = null; } } openMercuryURL() { console.log('Attempting to open Mercury URL'); const url = 'https://play.rosebud.ai/games/547dd23b-ffdc-46c3-bec1-6c96178e360b'; console.log('Opening URL in current tab:', url); window.location.href = url; } openVenusURL() { console.log('Attempting to open Venus URL'); const url = 'https://play.rosebud.ai/games/f3c79c0c-8835-444b-96a4-3fb3d10e1620'; console.log('Opening URL in current tab:', url); window.location.href = url; } openEarthURL() { console.log('Attempting to open Earth URL'); const url = 'https://play.rosebud.ai/games/958fdf49-7ad9-4e13-b241-34e9f594e469'; console.log('Opening URL in current tab:', url); window.location.href = url; } openMarsURL() { console.log('Attempting to open Mars URL'); const url = 'https://play.rosebud.ai/games/b977c081-5de7-463c-97e8-57de4bf41a45'; console.log('Opening URL in current tab:', url); window.location.href = url; } openJupiterURL() { console.log('Attempting to open Jupiter URL'); const url = 'https://play.rosebud.ai/games/2cad8bb5-0458-4160-968b-6a37cc414b48'; console.log('Opening URL in current tab:', url); window.location.href = url; } openSaturnURL() { console.log('Attempting to open Saturn URL'); const url = 'https://play.rosebud.ai/games/ae07ea8c-4739-4794-ab9e-939324b5a786'; console.log('Opening URL in current tab:', url); window.location.href = url; } openUranusURL() { console.log('Attempting to open Uranus URL'); const url = 'https://play.rosebud.ai/games/aa662e09-b335-43e8-b531-7ff29ab49c1f'; console.log('Opening URL in current tab:', url); window.location.href = url; } openNeptuneURL() { console.log('Attempting to open Neptune URL'); const url = 'https://play.rosebud.ai/games/2a77f8b5-956c-40d0-bb65-04f023d22cb9'; console.log('Opening URL in current tab:', url); window.location.href = url; } createMercuryReturnButton() { const button = document.createElement('button'); button.textContent = 'Return to Solar Safari'; button.style.position = 'fixed'; button.style.top = '20px'; button.style.left = '20px'; button.style.fontSize = '24px'; button.style.padding = '10px'; button.style.backgroundColor = '#000000'; button.style.color = '#ffffff'; button.style.border = 'none'; button.style.cursor = 'pointer'; button.style.zIndex = '1000'; button.addEventListener('click', () => { console.log('Returning to main game'); window.location.href = 'https://play.rosebud.ai/'; }); document.body.appendChild(button); } } // Expose the createMercuryReturnButton method globally window.createMercuryReturnButton = () => { if (window.phaserGame && window.phaserGame.scene.scenes[0]) { window.phaserGame.scene.scenes[0].createMercuryReturnButton(); } else { console.error('Phaser game or scene not initialized'); } }; 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: 1400, height: 890, }, dom: { createContainer: true }, physics: { default: 'arcade', arcade: { debug: false } }, input: { keyboard: { capture: [37, 38, 39, 40] } } }; window.phaserGame = new Phaser.Game(config);