// EASY-MODIFY SECTION // UPDATE VALUES IN THIS SECTION TO EASILY MODIFY GAME const STORY_NAME = "Tales of Mossflower: Shadow in the Forest"; const NARRATOR_BEHAVIOUR_GUIDE = ` - STRICTLY limit your responses to 1 sentence - You are a brief eloquent external narrator (you are not in the story) of an expertly written role play game. - You are to weave a SLOW and engaging story - DO NOT make choices for the player - ONLY DESCRIBE locations the player declares they are going to - NO magic in the Redwall world - Food: vegitarian based food (occasional fish dish), give rich descriptions of the woodland foods `; const STORY_DESCRIPTION = ` ${NARRATOR_BEHAVIOUR_GUIDE} STORY: - Swiftfoot the woodmouse (a nearby woodlander) just ariving at the gates of Redwall Abbey to enjoy the mid-summer feast. MAP / LORE DATABASE: ONLY DESCRIBE locations the player declares they are going to - build unique adventure, conflict, treasure, quest, and interaction opportunities - North West Mossflower: Fortunate Freepaws (pacifist woodlanders), Cone Slingers (squirrels in pine grove), Tungro Holt (otter cave, skilled woodworkers) - North Mossflower: Rogg's Cavern (mole family), Wuddship (sunken ship), Old Mill run by Reedbrook the otter - North East Mossflower: Aunt Lollery's Cottage (hedgehog), Robald's Dwelling (hedgehog), Twigbenda Colony (squirrel colony), Furgle the Hermit (old woodvole) - West Mossflower: Brinny's Burrow (mouse), Crow Camp, Falconfletch (white ferret vermin archer) - Redwall: Mid-summer festival, rumors of missing woodlanders - Meriwether longpaw, an old hare asks swiftfoot to check on her woodland friends giving him the map "Mossflower Friends" - Gatehouse map "Map of Redwall Abbey and Surrounding Woodlands" - Library books to possibly find during research "Landmarks of River Moss", "Legends of Mossflower vol.13", "Forest Predators", "Woodland Phenomena", "Mossy Mysteries" - Copperleaf forge, squirrel blacksmith map "Squirrel Havens Map" - East Mossflower: Scuttler's Camp (rats), Ouch Mansions (bee hives), Decoy Log, Rukky's Camp (old female otter healer), Camp Willow (otter camp) - by the decoy log bridge map "Rat's Foot Map" - South West Mossflower: Nightshade Healing Den (foxes), Moledeep (mole colony), GUOSIM Camp (shrews), Crown of Scales (geoglyph) - thornwick has the map "The Map Between the Leaves" - GUOSIM camp map "GUOSIM Map" - South Mossflower: St. Ninian's, Scruvo's Thieves (crows), Amber Colony (squirrel colony), Cosbro's Log (old senile hare) - South East Mossflower: Brockhall (badger led woodlander community), Berrusca the Adder, Needleclaw Garb (ferret tailor), Dillyworths (hedgehogs) - brockhall maps to find "Map of the Heartlands", "Otter Clan Map" - Southern Tributaries: Blackbird Pines, Temo's Raft, Hoot's Nest (owl) - Southern Mountain: Green Tunnel Stream, Waterfall, Water Meadow, Mountain Cavern, Oakdale Dockyards (shrew boatmen), Goodwife Brimm's House (female otter), Sollertree's Dwelling (hedgehog father), Rapids - Hidden Lake: Pike Shoals, Murkstream Nest (water rat gang), Deepcoiler (water snake), Castle Marl Island, Riverwood Raiders (ferret gang), Willowshade (water vole community) `; const BACKGROUND_IMAGE_URL = 'https://play.rosebud.ai/assets/clear background.png?QTrz' const SONG_PLAYLIST_URLS = [ `https://play.rosebud.ai/assets/Stream Loops 2024-03-20_01.mp3.mp3?DvPP`, `https://play.rosebud.ai/assets/Stream Loops 2024-03-06_02.mp3.mp3?b2DW`, `https://play.rosebud.ai/assets/Stream Loops 2024-03-06_01.mp3.mp3?y645` ]; // END OF EASY-MODIFY VALUES const PRE_DISCOVERED_LOCATIONS = ["R5-01", "R5-02", "R5-03", "R5-04", "R5-05", "R5-06", "R5-07", "R5-08", "R5-09", "R5-10", "R5-11", "R5-12", "R5-13", "R5-14", "R5-15", "R5-16", "R5-17", "R5-18", "R5-19", "R5-20", "R5-21", "R5-22", "R8-06"]; ////////////////////////////////////////////////////////////// window.chatLog = { playerMessages: [], narratorResponses: [] }; class BootScene extends Phaser.Scene { constructor() { super({ key: 'BootScene' }); } preload() { try { SONG_PLAYLIST_URLS.forEach((url, index) => { this.load.audio(`track_${index}`, url); }); this.load.image('background', 'https://play.rosebud.ai/assets/pikaso_edit_colorful-flat-illustration-classical-animes-A-lush.jpeg?tK0G'); this.load.image('titleImage', 'https://play.rosebud.ai/assets/Mossflower Title shadows 2.png?U4H2'); this.load.image('startButton', 'https://play.rosebud.ai/assets/adventur awaits.png?lUN3'); } catch (error) { console.error('Error in BootScene preload:', error); } } create() { try { this.game.musicManager = new MusicManager(this.game); const musicKeys = SONG_PLAYLIST_URLS.map((_, index) => `track_${index}`); this.game.musicManager.setPlaylist(musicKeys); this.game.musicManager.playNextTrack(); this.game.musicManager.shufflePlaylist(); console.log('BootScene: Music playlist', this.game.musicManager.playlist); this.checkForExistingSave(); this.game.sceneTransitionManager.transitionTo('MainMenuScene'); } catch (error) { console.error('Error in BootScene create:', error); } } checkForExistingSave() { try { const saveData = localStorage.getItem(PROJECT_NAME); if (saveData) { console.info('Save detected.'); this.game.saveData = JSON.parse(saveData); } else { console.info('No save detected. Initializing new game state.'); this.game.saveData = { chatLog: '', characterChatManagerState: null, preDiscoveredLocations: PRE_DISCOVERED_LOCATIONS, map: [] }; // Set the initial map content this.game.saveData.map = []; localStorage.setItem(PROJECT_NAME, JSON.stringify(this.game.saveData)); } } catch (error) { console.error('Error in checkForExistingSave:', error); } } } class MainMenuScene extends Phaser.Scene { constructor() { super({ key: 'MainMenuScene' }); } create() { try { const background = this.add.image(this.cameras.main.width / 2, this.cameras.main.height / 2, 'background'); const scaleX = this.cameras.main.width / background.width; const scaleY = this.cameras.main.height / background.height; const scale = Math.max(scaleX, scaleY); background.setScale(scale); // Add the title image const titleImage = this.add.image(this.cameras.main.width / 2, this.cameras.main.height * 0.45, 'titleImage'); titleImage.setOrigin(0.5); // Scale the title image to fit within 100% of the screen width while maintaining aspect ratio (25% increase) const maxWidth = this.cameras.main.width; const maxHeight = this.cameras.main.height; const titleScaleX = maxWidth / titleImage.width; const titleScaleY = maxHeight / titleImage.height; const titleScale = Math.min(titleScaleX, titleScaleY) * 1.25; // Increase scale by 25% titleImage.setScale(titleScale); // Add the start button image const startButton = this.add.image(this.cameras.main.width / 2, this.cameras.main.height * 0.8, 'startButton'); startButton.setOrigin(0.5); startButton.setInteractive({ useHandCursor: true }); // Scale the start button to 75% of its previous size (25% reduction) const startButtonScale = 0.5 * 0.75; startButton.setScale(startButtonScale); startButton.on('pointerdown', () => { this.game.sceneTransitionManager.transitionTo('BackgroundScene'); }); // Removed the pointerover and pointerout events to disable the yellow tint effect } catch (error) { console.error('Error in MainMenuScene create:', error); } } } class BackgroundScene extends Phaser.Scene { constructor() { super({ key: 'BackgroundScene' }); } create() { try { const background = this.add.image(this.cameras.main.width / 2, this.cameras.main.height / 2, 'background'); const scaleX = this.cameras.main.width / background.width; const scaleY = this.cameras.main.height / background.height; const scale = Math.max(scaleX, scaleY); background.setScale(scale); this.scene.launch('ChatScene'); this.scene.launch('PanelManager'); this.scene.launch('MoneyScene'); this.scene.launch('QuestScene'); this.scene.launch('MapScene'); this.scene.launch('InventoryScene'); this.scene.launch('WeaponScene'); this.scene.launch('GearScene'); this.scene.launch('SkillScene'); this.scene.launch('AllyScene'); this.scene.launch('HelpScene'); } catch (error) { console.error('Error in BackgroundScene create:', error); } } } class PanelManager extends Phaser.Scene { constructor() { super({ key: 'PanelManager' }); this.activePanel = null; } create() { this.events.on('openPanel', this.openPanel, this); this.events.on('closePanel', this.closePanel, this); this.events.on('togglePanel', this.togglePanel, this); } openPanel(panel) { if (this.activePanel && this.activePanel !== panel) { this.closePanel(this.activePanel); } panel.setVisible(true); this.activePanel = panel; this.updateSceneActivePanel(panel); } closePanel(panel) { if (panel) { panel.setVisible(false); if (this.activePanel === panel) { this.activePanel = null; this.updateSceneActivePanel(null); } } } togglePanel(panel) { if (this.activePanel === panel) { this.closePanel(panel); } else { this.openPanel(panel); } } updateSceneActivePanel(panel) { const scenes = ['MapScene', 'QuestScene', 'SkillScene']; scenes.forEach(sceneName => { const scene = this.scene.get(sceneName); if (scene && scene.setActivePanel) { scene.setActivePanel(panel); } }); } } class MoneyScene extends Phaser.Scene { constructor() { super({ key: 'MoneyScene' }); this.money = "8"; this.silverMoney = "0"; this.goldMoney = "0"; this.isInputActive = false; } preload() { this.load.image('copperCoin', 'https://play.rosebud.ai/assets/redwall inspired copper coin with small oak leaf.png?6fQe'); this.load.image('silverCoin', 'https://play.rosebud.ai/assets/redwall inspired silver coin with oak leaf.png?jAur'); this.load.image('goldCoin', 'https://play.rosebud.ai/assets/redwall inspired gold coin with oakleaf and acorn on the coin.png?mStr'); } create() { this.createMoneyTracker(); this.input.keyboard.on('keydown', this.handleKeyInput, this); // Load saved data if (this.game.saveData) { this.money = this.game.saveData.money || "8"; this.silverMoney = this.game.saveData.silverMoney || "0"; this.goldMoney = this.game.saveData.goldMoney || "0"; } this.updateMoneyDisplay(); } createMoneyTracker() { // Copper coin const copperCoinIcon = this.add.image(130, 35, 'copperCoin'); copperCoinIcon.setOrigin(0, 0); copperCoinIcon.setScale(0.05); const copperInputBackground = this.add.graphics(); copperInputBackground.fillStyle(0xebd5b3, 0.75); copperInputBackground.fillRoundedRect(180, 40, 40, 30, 10); this.copperMoneyText = this.add.text(185, 45, this.money, { font: '16px Arial', fill: '#000000', align: 'right', fixedWidth: 30 }); this.copperMoneyText.setInteractive({ useHandCursor: true }); // Silver coin const silverCoinIcon = this.add.image(230, 35, 'silverCoin'); silverCoinIcon.setOrigin(0, 0); silverCoinIcon.setScale(0.07); const silverInputBackground = this.add.graphics(); silverInputBackground.fillStyle(0xebd5b3, 0.75); silverInputBackground.fillRoundedRect(280, 40, 40, 30, 10); this.silverMoneyText = this.add.text(285, 45, this.silverMoney, { font: '16px Arial', fill: '#000000', align: 'right', fixedWidth: 30 }); this.silverMoneyText.setInteractive({ useHandCursor: true }); // Gold coin const goldCoinIcon = this.add.image(325, 28, 'goldCoin'); goldCoinIcon.setOrigin(0, 0); goldCoinIcon.setScale(0.06); const goldInputBackground = this.add.graphics(); goldInputBackground.fillStyle(0xebd5b3, 0.75); goldInputBackground.fillRoundedRect(380, 40, 40, 30, 10); this.goldMoneyText = this.add.text(385, 45, this.goldMoney, { font: '16px Arial', fill: '#000000', align: 'right', fixedWidth: 30 }); this.goldMoneyText.setInteractive({ useHandCursor: true }); // Add listeners for the pointerdown events this.copperMoneyText.on('pointerdown', () => { this.isInputActive = 'copper'; this.copperMoneyText.setText('|'); }); this.silverMoneyText.on('pointerdown', () => { this.isInputActive = 'silver'; this.silverMoneyText.setText('|'); }); this.goldMoneyText.on('pointerdown', () => { this.isInputActive = 'gold'; this.goldMoneyText.setText('|'); }); // Add a listener for clicking outside the inputs this.input.on('pointerdown', (pointer) => { if (!this.copperMoneyText.getBounds().contains(pointer.x, pointer.y) && !this.silverMoneyText.getBounds().contains(pointer.x, pointer.y) && !this.goldMoneyText.getBounds().contains(pointer.x, pointer.y)) { this.isInputActive = false; this.updateMoneyDisplay(); } }); } handleKeyInput(event) { if (!this.isInputActive) return; let activeText, activeValue; switch (this.isInputActive) { case 'copper': activeText = this.copperMoneyText; activeValue = this.money; break; case 'silver': activeText = this.silverMoneyText; activeValue = this.silverMoney; break; case 'gold': activeText = this.goldMoneyText; activeValue = this.goldMoney; break; } if (event.keyCode === 8 && activeValue.length > 0) { // Backspace activeValue = activeValue.slice(0, -1); } else if (event.keyCode >= 48 && event.keyCode <= 57) { // Numbers activeValue += event.key; } activeText.setText(activeValue + '|'); switch (this.isInputActive) { case 'copper': this.money = activeValue; break; case 'silver': this.silverMoney = activeValue; break; case 'gold': this.goldMoney = activeValue; break; } this.saveMoneyData(); } updateMoneyDisplay() { this.copperMoneyText.setText(this.money); this.silverMoneyText.setText(this.silverMoney); this.goldMoneyText.setText(this.goldMoney); } saveMoneyData() { if (!this.game.saveData) { this.game.saveData = {}; } this.game.saveData.money = this.money; this.game.saveData.silverMoney = this.silverMoney; this.game.saveData.goldMoney = this.goldMoney; localStorage.setItem(PROJECT_NAME, JSON.stringify(this.game.saveData)); console.log("MoneyScene: Money data saved to localStorage"); } } class QuestScene extends Phaser.Scene { constructor(config) { super({ key: 'QuestScene' }); this.questConfig = { categories: ['Minor Quests', 'Major Quests'], iconUrls: { questLogIcon: 'https://play.rosebud.ai/assets/quest.png?snKu', branchUnderline: 'https://play.rosebud.ai/assets/branch underline.png?8fa1', copperUnderline: 'https://play.rosebud.ai/assets/copper underline.png?1JnZ' }, ...config }; this.quests = {}; this.questConfig.categories.forEach(category => { this.quests[category] = []; }); this.questLogInputs = []; this.activePanel = null; this.events = new Phaser.Events.EventEmitter(); console.log("QuestScene: Constructor called"); } init(data) { if (data.quests) { this.quests = data.quests; } } preload() { Object.entries(this.questConfig.iconUrls).forEach(([key, url]) => { this.load.image(key, url); }); } create() { console.log("QuestScene: Create method started"); try { this.createQuestLogButton(); this.input.keyboard.on('keydown', this.handleKeyInput, this); console.log("QuestScene: Create method completed"); } catch (error) { console.error('Error in QuestScene create:', error); } } createQuestLogButton() { const questLogIcon = this.add.image(455, 120, 'questLogIcon'); questLogIcon.setScale(0.081 * 0.5 * 1.2); // Increase scale by 20% questLogIcon.setInteractive({ useHandCursor: true }); const questLogPanel = this.add.dom(this.cameras.main.width / 2 + 160, this.cameras.main.height / 2 + 35).createFromHTML(this.generateQuestLogHTML()); questLogPanel.setOrigin(0.5); questLogPanel.setVisible(false); this.questLogPanel = questLogPanel; this.updateQuestLogContent(); questLogIcon.on('pointerdown', () => { this.scene.get('PanelManager').events.emit('togglePanel', questLogPanel); }); } togglePanel(panel) { if (this.activePanel === panel) { this.scene.get('PanelManager').events.emit('closePanel', panel); this.activePanel = null; } else { this.scene.get('PanelManager').events.emit('openPanel', panel); this.activePanel = panel; } console.log('Toggle panel. Active panel:', this.activePanel ? 'visible' : 'none'); } setActivePanel(panel) { this.activePanel = panel; if (panel) { this.updateQuestLogContent(); } } generateQuestLogHTML() { let categoryHTML = ''; this.questConfig.categories.forEach((category) => { categoryHTML += `

${category}

`; }); return `

Quest Log

${categoryHTML}

`; } togglePanel(panel) { this.scene.get('PanelManager').events.emit(this.activePanel === panel ? 'closePanel' : 'openPanel', panel); if (this.activePanel === panel) { this.activePanel = null; } else { this.activePanel = panel; } console.log('Toggle panel. Active panel:', this.activePanel ? 'visible' : 'none'); } updateQuestLogContent() { console.log("QuestScene: Updating quest log content."); if (!this.activePanel) return; this.questConfig.categories.forEach(category => { const questList = this.activePanel.getChildByID(`${category.replace(/\s+/g, '')}List`); const questInput = this.activePanel.getChildByID(`${category.replace(/\s+/g, '')}Input`); if (questList && questInput) { questList.innerHTML = ''; if (this.quests[category] && this.quests[category].length > 0) { this.quests[category].forEach(quest => { this.addQuestItem(quest, questList); }); } else { this.addEmptyMessage(questList); } // Remove existing event listener before adding a new one questInput.removeEventListener('keydown', questInput.questInputListener); this.addQuestInputListener(questInput, category); } }); console.log("QuestScene: Quest log content updated."); } addQuestItem(quest, container) { const itemElement = document.createElement('div'); itemElement.textContent = quest.text; itemElement.style.marginBottom = '5px'; itemElement.style.cursor = 'pointer'; itemElement.style.transition = 'all 0.3s ease'; if (quest.completed) { itemElement.style.color = 'grey'; itemElement.style.textDecoration = 'line-through #90EE90 2px'; } itemElement.addEventListener('click', () => { this.toggleQuestCompletion(quest, itemElement); }); container.appendChild(itemElement); this.updateQuestUnderline(container); } toggleQuestCompletion(quest, element) { quest.completed = !quest.completed; console.log(`Quest "${quest.text}" completion toggled. New state: ${quest.completed}`); if (quest.completed) { element.style.color = 'grey'; element.style.textDecoration = 'line-through #90EE90 2px'; } else { element.style.color = ''; element.style.textDecoration = ''; } const category = element.parentElement.id.replace('List', ''); this.updateQuestUnderline(element.parentElement); console.log(`Quest completion toggled`); this.events.emit('questUpdated', quest); } updateQuestUnderline(questList) { const category = questList.id.replace('List', ''); const underlineImage = this.questLogInputs[0].getChildByID(`${category}Underline`); if (underlineImage) { const completedQuests = this.quests[category].filter(quest => quest.completed).length; underlineImage.src = completedQuests > 0 ? this.questConfig.iconUrls.copperUnderline : this.questConfig.iconUrls.branchUnderline; } } addQuestInputListener(inputElement, category) { const listener = (event) => { if (event.key === 'Enter') { const newQuest = event.target.value.trim(); // Clear the input field immediately requestAnimationFrame(() => { event.target.value = ''; }); if (newQuest) { this.addQuest(category, newQuest); // Remove "No quests available" message if it exists const questList = this.questLogInputs[0].getChildByID(`${category.replace(/\s+/g, '')}List`); const emptyMessage = questList.querySelector('div[style*="font-style: italic"]'); if (emptyMessage) { emptyMessage.remove(); } } // Prevent the default action event.preventDefault(); } }; inputElement.addEventListener('keyup', listener); inputElement.questInputListener = listener; } addEmptyMessage(container) { const emptyMessage = document.createElement('div'); emptyMessage.textContent = 'No quests available.'; emptyMessage.style.fontStyle = 'italic'; emptyMessage.style.color = '#888'; container.appendChild(emptyMessage); } // Public API methods addQuest(category, text) { const newQuest = { text, completed: false }; if (!this.quests[category]) { this.quests[category] = []; } this.quests[category].unshift(newQuest); // Use unshift instead of push console.log(`Added new quest to ${category}:`, newQuest); this.events.emit('questAdded', newQuest); // Update only the specific category's quest list const questList = this.questLogInputs[0].getChildByID(`${category.replace(/\s+/g, '')}List`); if (questList) { // Remove "No quests available" message if it exists const emptyMessage = questList.querySelector('div[style*="font-style: italic"]'); if (emptyMessage) { emptyMessage.remove(); } // Insert the new quest item at the beginning of the list this.addQuestItemToTop(newQuest, questList); } // Clear the input field const questInput = this.questLogInputs[0].getChildByID(`${category.replace(/\s+/g, '')}Input`); if (questInput) { questInput.value = ''; } this.updateQuestUnderline(questList); } addQuestItemToTop(quest, container) { const itemElement = document.createElement('div'); itemElement.textContent = quest.text; itemElement.style.marginBottom = '5px'; itemElement.style.cursor = 'pointer'; itemElement.style.transition = 'all 0.3s ease'; if (quest.completed) { itemElement.style.color = 'grey'; itemElement.style.textDecoration = 'line-through #90EE90 2px'; } itemElement.addEventListener('click', () => { this.toggleQuestCompletion(quest, itemElement); }); container.insertBefore(itemElement, container.firstChild); this.updateQuestUnderline(container); } removeQuest(category, index) { if (index >= 0 && index < this.quests[category].length) { const removedQuest = this.quests[category].splice(index, 1)[0]; this.updateQuestLogContent(); this.events.emit('questRemoved', removedQuest); } } getQuests() { return this.quests; } } class MapScene extends Phaser.Scene { constructor() { super({ key: 'MapScene' }); this.map = []; this.mapInput = null; this.activePanel = null; this.mapDatabase = [{ code: "R1", name: "North West Mossflower", discovered: false, locations: [ "R1-01 North West Watervole Tribe", "R1-02 Fortunate Freepaws", "R1-03 Cone Slingers", "R1-04 Tungro Holt" ], quote: "Amid whispering pines, shadows hold thier breath" }, { code: "R2", name: "North Mossflower", discovered: false, locations: [ "R2-01 Bogfen Mire", "R2-02 Rogg's Cavern", "R2-03 Wuddship", "R2-04 Skeleton Rocks", "R2-05 Old Mill" ], quote: "Follow the current, and let dreams drift free" }, { code: "R3", name: "North East Mossflower", discovered: false, locations: [ "R3-01 Aunt Lollery's Cottage", "R3-02 Robald's Dwelling", "R3-03 Mirkwood Mire", "R3-04 Twigbenda Colony", "R3-05 Furgle the Hermit" ], quote: "Where mist and mud meet at the root of a tree" }, { code: "R4", name: "West Mossflower", discovered: false, locations: [ "R4-01 Brinny's Burrow", "R4-02 Crow Camp", "R4-03 Bullrush Bower Pond", "R4-04 Falconfletch" ], quote: "Feathers etch shadows in the sky..." }, { code: "R5", name: "Redwall", discovered: false, locations: [ "R5-01 Gate House", "R5-02 Ramparts", "R5-03 Lawns", "R5-06 Pond", "R5-07 Gardens", "R5-07 Orchard", "R5-08 Apiary", "R5-09 Training Grounds", "R5-10 Great Hall", "R5-11 Cavern Hole", "R5-12 Dining Hall", "R5-13 Kitchens", "R5-14 Cellar", "R5-15 Infimary", "R5-16 Dormitories", "R5-17 Library", "R5-18 Timberheart Workshop", "R5-19 Copperleaf Forge", "R5-20 Handiwork Den", "R5-21 Bell Tower", "R5-22 Sparra Loft" ], quote: "Within these walls, peace is woven like a living tapestry" }, { code: "R6", name: "East Mossflower", discovered: false, locations: [ "R6-01 Scuttler's Camp", "R6-02 Ouch Mansions", "R6-03 Decoy Log", "R6-04 Rukky's Camp", "R6-05 Camp Willow" ], quote: "The forest is alive with leaves that float and wings that buzzz" }, { code: "R7", name: "South West Mossflower", discovered: false, locations: [ "R7-01 Thornwick's Camp", "R7-02 Nightshade Healing Den", "R7-03 Moledeep", "R7-04 GUOSIM Camp", "R7-05 Crown of Scales", "R7-06 Dapple Mirage" ], quote: "Dark tunnels, a happy mole makes" }, { code: "R8", name: "South Mossflower", discovered: false, locations: [ "R8-01 South Meadow", "R8-02 St. Ninian's", "R8-03 Scruvo's Theives", "R8-04 Amber Colony", "R8-05 Cosbro's Log", "R8-06 Swiftfoot's Burrow" ], quote: "A diligent mouse-wife keeps the forest clean" }, { code: "R9", name: "South East Mossflower", discovered: false, locations: [ "R9-01 Brockhall", "R9-02 Berrusca the Adder", "R9-03 Needleclaw Garb", "R9-04 Dillyworths", "R9-05 Fog Trees", "R9-06 The Shadow" ], quote: "Silence glides betwixt the shadows" }, { code: "R10", name: "South Tributaries", discovered: false, locations: [ "R10-01 Blackbird Pines", "R10-02 Streams and Creeks", "R10-03 Temo's Raft", "R10-04 Fallen Willow", "R10-05 Hoot's Nest", "R10-06 Vanishing Stream" ], quote: "Gentle waters may yet become angry" }, { code: "R11", name: "South Mountain", discovered: false, locations: [ "R11-01 Green Tunnel Stream", "R11-02 South Mountain", "R11-03 Waterfall", "R11-04 Water Meadow", "R11-05 Mountain Cavern", "R11-06 Oakdale Dockyards", "R11-07 Goodwife Brimm's House", "R11-08 Sollertree's Dwelling", "R11-09 Rapids" ], quote: "Where rocks stand still, and water roars" }, { code: "R12", name: "Hidden Lake", discovered: false, locations: [ "R12-01 Pike Shoals", "R12-02 Murkstream Nest", "R12-03 Deepcoiler", "R12-04 Castle Marl Island", "R12-05 Riverwood Raiders", "R12-06 Willowshade" ], quote: "A vast mirror broken by scales" }]; this.mapKeyDatabase = { "Mossflower Friends": ["R1-01", "R2-02", "R3-01", "R3-02", "R4-01", "R8-05"], "Map of Redwall Abbey and Surrounding Woodlands": ["R2-05", "R4-03", "R6-04", "R8-02", "R9-01"], "Map of the Heartlands": ["R1-02", "R6-02", "R6-03", "R7-03", "R7-04", "R9-03", "R9-04"], "GUOSIM Map": ["R10-04", "R11-02", "R11-04", "R11-06"], "Otter Clan Map": ["R1-04", "R2-01", "R2-03", "R2-04", "R2-05", "R6-05"], "Squirrel Havens Map": ["R1-03", "R3-04", "R8-04", "R10-05"], "Rat's Foot Map": ["R2-02", "R6-01", "R8-03", "R10-01", "R12-02", "R12-05"], "The Map Between the Leaves": ["R10-03", "R11-07", "R11-08", "R12-06"], "Landmarks of River Moss": ["R11-01", "R11-03", "R11-09", "R12-04"], "Legends of Mossflower vol.13": ["R7-05"], "Forest Predators": ["R4-04", "R7-02", "R9-02", "R12-03"], "Woodland Phenomena": ["R7-06", "R9-05", "R10-06"], "Mossy Mysteries": ["R2-01", "R3-03", "R9-06"] }; this.mapDatabase.forEach(region => { region.discoveredLocations = []; region.viewedLocations = []; region.needsHighlight = false; }); } preload() { try { this.load.image('mapIcon', 'https://play.rosebud.ai/assets/bent parchment map.png?pbNR'); this.load.image('copperAcorn', 'https://play.rosebud.ai/assets/copper acorn.png?HYn1'); this.load.image('silverAcorn', 'https://play.rosebud.ai/assets/silver acorn.png?TpRZ'); this.load.image('goldAcorn', 'https://play.rosebud.ai/assets/gold acorn.png?Is6H'); this.load.image('oakTreeIcon', 'https://play.rosebud.ai/assets/oak tree icon.png?6gZe'); this.load.image('waterTributariesIcon', 'https://play.rosebud.ai/assets/water tributaries icon.png?wO8p'); this.load.image('waterMountainIcon', 'https://play.rosebud.ai/assets/water mountain.png?5CU6'); this.load.image('waterLakeIcon', 'https://play.rosebud.ai/assets/water lake icon.png?AKpN'); this.load.image('redCastleIcon', 'https://play.rosebud.ai/assets/red castle.png?DNfU'); } catch (error) { console.error('Error in MapScene preload:', error); } } create() { console.log("MapScene: Create method started"); try { this.initializeMap(); this.createMapButton(); console.log("MapScene: Create method completed"); } catch (error) { console.error('Error in MapScene create:', error); } } createMapButton() { const mapIcon = this.add.image(455, 175, 'mapIcon'); mapIcon.setScale(0.15 * 0.4 * 0.75 * 0.95 * 0.95 * 0.9 * 1.1 * 1.1 * 0.9 * 0.9 * 1.2); mapIcon.setInteractive({ useHandCursor: true }); const mapPanel = this.add.dom(this.cameras.main.width / 2 + 160, this.cameras.main.height / 2 + 35).createFromHTML(`

Map

0/13

`); mapPanel.setOrigin(0.5); mapPanel.setVisible(false); this.mapInput = mapPanel.getChildByID('mapInput'); mapIcon.on('pointerdown', () => { this.scene.get('PanelManager').events.emit('togglePanel', mapPanel); }); } togglePanel(panel) { if (this.activePanel === panel) { this.scene.get('PanelManager').events.emit('closePanel', panel); this.activePanel = null; } else { this.scene.get('PanelManager').events.emit('openPanel', panel); this.activePanel = panel; } console.log('Toggle panel. Active panel:', this.activePanel ? 'visible' : 'none'); } setActivePanel(panel) { this.activePanel = panel; if (panel) { this.updateMapContent(); } } updateMapContent() { const mapElement = this.activePanel.getChildByID('mapContent'); const mapTracker = this.activePanel.getChildByID('mapTracker'); const acornImg = this.activePanel.getChildByID('acornImg'); mapElement.innerHTML = ''; // Update map tracker const totalMaps = Object.keys(this.mapKeyDatabase).length; const discoveredMaps = Object.keys(this.mapKeyDatabase).filter(mapName => { const mapData = this.mapKeyDatabase[mapName]; if (Array.isArray(mapData)) { return mapData.every(locationCode => { const [regionCode] = locationCode.split('-'); const region = this.mapDatabase.find(r => r.code === regionCode); return region && region.discoveredLocations.includes(locationCode); }); } else { const region = this.mapDatabase.find(r => r.code === mapData.region); return region && mapData.locations.every(locationCode => region.discoveredLocations.includes(locationCode)); } }).length; mapTracker.textContent = `${discoveredMaps}/${totalMaps}`; // Refresh the location display for the currently selected region const selectedRegion = this.mapDatabase.find(r => r.needsHighlight); if (selectedRegion) { this.displayRegionInfo(selectedRegion); } // Show or hide acorn based on discovered maps count if (discoveredMaps === totalMaps) { acornImg.src = 'https://play.rosebud.ai/assets/gold acorn.png?Is6H'; acornImg.style.display = 'block'; } else if (discoveredMaps >= 8) { acornImg.src = 'https://play.rosebud.ai/assets/silver acorn.png?TpRZ'; acornImg.style.display = 'block'; } else if (discoveredMaps >= 3) { acornImg.src = 'https://play.rosebud.ai/assets/copper acorn.png?HYn1'; acornImg.style.display = 'block'; } else { acornImg.style.display = 'none'; } const mapContainer = document.createElement('div'); mapContainer.style.display = 'flex'; mapContainer.style.justifyContent = 'space-between'; const column1 = document.createElement('div'); const column2 = document.createElement('div'); const infoSection = document.createElement('div'); infoSection.style.marginTop = '20px'; infoSection.style.backgroundColor = 'rgba(41, 41, 41, 0.8)'; infoSection.style.padding = '20px'; infoSection.style.borderRadius = '15px'; infoSection.style.boxShadow = '0 4px 6px rgba(0, 0, 0, 0.1)'; this.mapDatabase.forEach((region, index) => { if (!region.personalNotes) { region.personalNotes = ''; } const regionElement = document.createElement('div'); regionElement.style.marginBottom = '10px'; regionElement.style.cursor = 'pointer'; regionElement.textContent = region.discoveredLocations.length > 0 ? `${this.formatRegionName(region.name)}` : `Unknown Region`; regionElement.style.color = region.discoveredLocations.length > 0 ? '#90EE90' : '#A9A9A9'; if (region.needsHighlight) { regionElement.style.backgroundColor = 'rgba(255, 20, 147, 0.2)'; regionElement.style.padding = '5px'; regionElement.style.borderRadius = '5px'; } regionElement.addEventListener('click', () => { if (region.discoveredLocations.length > 0) { let iconUrl; if (['R1', 'R2', 'R3', 'R4', 'R6', 'R7', 'R8', 'R9'].includes(region.code)) { iconUrl = 'https://play.rosebud.ai/assets/oak tree icon.png?6gZe'; } else if (region.code === 'R10') { iconUrl = 'https://play.rosebud.ai/assets/water tributaries icon.png?wO8p'; } else if (region.code === 'R11') { iconUrl = 'https://play.rosebud.ai/assets/water mountain.png?5CU6'; } else if (region.code === 'R12') { iconUrl = 'https://play.rosebud.ai/assets/water lake icon.png?AKpN'; } else { iconUrl = 'https://play.rosebud.ai/assets/red castle.png?DNfU'; } infoSection.innerHTML = `

${region.name}

"${region.quote}"

Locations:

${this.formatLocations(region.discoveredLocations, region.locations.slice(0, Math.ceil(region.locations.length / 2)), region)}

${this.formatLocations(region.discoveredLocations, region.locations.slice(Math.ceil(region.locations.length / 2)), region)}

Personal Cartography:

`; const personalNotesInput = infoSection.querySelector('#personalNotes'); const personalLocationsDiv = infoSection.querySelector('#personalLocations'); // Load existing personal locations if (region.personalLocations) { region.personalLocations.forEach(location => { const locationElement = document.createElement('div'); locationElement.textContent = location; locationElement.style.marginBottom = '5px'; locationElement.style.color = '#90EE90'; // Green color for locations personalLocationsDiv.appendChild(locationElement); }); } personalNotesInput.addEventListener('keydown', (event) => { if (event.key === 'Enter') { event.preventDefault(); const newLocation = event.target.value.trim(); if (newLocation) { if (!region.personalLocations) { region.personalLocations = []; } region.personalLocations.push(newLocation); const locationElement = document.createElement('div'); locationElement.textContent = newLocation; locationElement.style.marginBottom = '5px'; locationElement.style.color = '#90EE90'; // Green color for new locations personalLocationsDiv.appendChild(locationElement); event.target.value = ''; this.saveObjectives(); } } }); } else { infoSection.innerHTML = '

Discover locations in this region to view them.

'; } if (region.needsHighlight) { region.needsHighlight = false; regionElement.style.backgroundColor = ''; regionElement.style.padding = ''; regionElement.style.borderRadius = ''; this.saveObjectives(); } // Add event listener for hover effect on locations const locationsContainer = infoSection.querySelector('#locationsContainer'); locationsContainer.addEventListener('mouseover', (event) => { const locationElement = event.target.closest('[data-location-code]'); if (locationElement) { const locationCode = locationElement.dataset.locationCode; if (region.discoveredLocations.includes(locationCode) && !region.viewedLocations.includes(locationCode)) { region.viewedLocations.push(locationCode); locationElement.style.backgroundColor = ''; this.saveObjectives(); } } }); }); if (index < 6) { column1.appendChild(regionElement); } else { column2.appendChild(regionElement); } }); column1.style.paddingLeft = '15px'; column2.style.marginLeft = '-55px'; column2.style.width = 'calc(50% - 15px)'; mapContainer.appendChild(column1); mapContainer.appendChild(column2); mapElement.appendChild(mapContainer); mapElement.appendChild(infoSection); // Add CSS for hover effect const style = document.createElement('style'); style.textContent = ` .location-item:hover { background-color: rgba(255, 255, 255, 0.1) !important; } `; document.head.appendChild(style); const processMapInput = (inputValue) => { const mapData = this.mapKeyDatabase[inputValue]; if (mapData) { if (Array.isArray(mapData)) { mapData.forEach(locationCode => { const [regionCode, locationNumber] = locationCode.split('-'); const regionIndex = this.mapDatabase.findIndex(region => region.code === regionCode); if (regionIndex !== -1) { if (!this.mapDatabase[regionIndex].discoveredLocations.includes(locationCode)) { this.mapDatabase[regionIndex].discoveredLocations.push(locationCode); this.mapDatabase[regionIndex].needsHighlight = true; } } }); } else { const regionIndex = this.mapDatabase.findIndex(region => region.code === mapData.region); if (regionIndex !== -1) { mapData.locations.forEach(locationCode => { if (!this.mapDatabase[regionIndex].discoveredLocations.includes(locationCode)) { this.mapDatabase[regionIndex].discoveredLocations.push(locationCode); this.mapDatabase[regionIndex].needsHighlight = true; } }); } } this.updateMapContent(); this.saveObjectives(); this.mapInput.value = ''; } }; this.mapInput.addEventListener('keydown', (event) => { if (event.key === 'Enter') { event.preventDefault(); const inputValue = event.target.value.trim(); processMapInput(inputValue); } }); this.mapInput.addEventListener('input', (event) => { const inputValue = event.target.value.trim(); processMapInput(inputValue); }); } formatLocations(discoveredLocations, allLocations, region, abbreviate = true) { return allLocations.map(location => { const [code, ...nameParts] = location.split(' '); let name = nameParts.join(' '); if (abbreviate) { name = this.formatRegionName(name); } const isDiscovered = discoveredLocations.includes(code); const isNewlyDiscovered = isDiscovered && !region.viewedLocations.includes(code); const baseStyle = `padding: 2px 5px; color: ${isDiscovered ? '#90EE90' : '#A9A9A9'}; border-radius: 5px; transition: background-color 0.3s;`; const newlyDiscoveredStyle = isNewlyDiscovered ? 'background-color: rgba(255, 20, 147, 0.2);' : ''; return `

${isDiscovered ? name : '???'}

`; }).join(''); } formatRegionName(name) { const directions = { 'North West': 'NW', 'North East': 'NE', 'South West': 'SW', 'South East': 'SE', 'North': 'N', 'South': 'S', 'East': 'E', 'West': 'W', 'Southern': 'S', }; let formattedName = name; for (const [fullDirection, abbr] of Object.entries(directions)) { if (name.startsWith(fullDirection)) { formattedName = name.replace(fullDirection, abbr); break; } } return formattedName; } displayRegionInfo(region) { const infoSection = this.activePanel.getChildByID('mapContent').querySelector('div:last-child'); if (!infoSection) return; let iconUrl; if (['R1', 'R2', 'R3', 'R4', 'R6', 'R7', 'R8', 'R9'].includes(region.code)) { iconUrl = 'https://play.rosebud.ai/assets/oak tree icon.png?6gZe'; } else if (region.code === 'R10') { iconUrl = 'https://play.rosebud.ai/assets/water tributaries icon.png?wO8p'; } else if (region.code === 'R11') { iconUrl = 'https://play.rosebud.ai/assets/water mountain.png?5CU6'; } else if (region.code === 'R12') { iconUrl = 'https://play.rosebud.ai/assets/water lake icon.png?AKpN'; } else { iconUrl = 'https://play.rosebud.ai/assets/red castle.png?DNfU'; } infoSection.innerHTML = `

${this.getFullRegionName(region)}

"${region.quote}"

Locations:

${this.formatLocations(region.discoveredLocations, region.locations.slice(0, Math.ceil(region.locations.length / 2)), region, false)}

${this.formatLocations(region.discoveredLocations, region.locations.slice(Math.ceil(region.locations.length / 2)), region, false)}

Personal Cartography:

`; // Re-attach event listeners and load personal locations this.attachRegionEventListeners(region); } attachRegionEventListeners(region) { const infoSection = this.activePanel.getChildByID('mapContent').querySelector('div:last-child'); const personalNotesInput = infoSection.querySelector('#personalNotes'); const personalLocationsDiv = infoSection.querySelector('#personalLocations'); // Load existing personal locations if (region.personalLocations) { region.personalLocations.forEach(location => { const locationElement = document.createElement('div'); locationElement.textContent = location; locationElement.style.marginBottom = '5px'; locationElement.style.color = '#90EE90'; // Green color for locations personalLocationsDiv.appendChild(locationElement); }); } personalNotesInput.addEventListener('keydown', (event) => { if (event.key === 'Enter') { event.preventDefault(); const newLocation = event.target.value.trim(); if (newLocation) { if (!region.personalLocations) { region.personalLocations = []; } region.personalLocations.push(newLocation); const locationElement = document.createElement('div'); locationElement.textContent = newLocation; locationElement.style.marginBottom = '5px'; locationElement.style.color = '#90EE90'; // Green color for new locations personalLocationsDiv.appendChild(locationElement); event.target.value = ''; this.saveObjectives(); } } }); // Add event listener for hover effect on locations const locationsContainer = infoSection.querySelector('#locationsContainer'); locationsContainer.addEventListener('mouseover', (event) => { const locationElement = event.target.closest('[data-location-code]'); if (locationElement) { const locationCode = locationElement.dataset.locationCode; if (region.discoveredLocations.includes(locationCode) && !region.viewedLocations.includes(locationCode)) { region.viewedLocations.push(locationCode); locationElement.style.backgroundColor = ''; this.saveObjectives(); } } }); } getFullRegionName(region) { const fullNames = { 'S Mountain': 'Southern Mountain', 'S Tributaries': 'Southern Tributaries' }; return fullNames[region.name] || region.name; } saveObjectives() { this.game.saveData.map = this.map; this.game.saveData.mapDatabase = this.mapDatabase; this.game.saveData.preDiscoveredLocations = this.mapDatabase.reduce((acc, region) => { return acc.concat(region.discoveredLocations); }, []); this.game.saveData.mapDatabase = this.mapDatabase.map(region => ({ ...region, personalLocations: region.personalLocations || [], viewedLocations: region.viewedLocations || [] })); localStorage.setItem(PROJECT_NAME, JSON.stringify(this.game.saveData)); console.log("MapScene: Objectives saved to localStorage"); } initializeMap() { const preDiscoveredLocations = this.game.saveData.preDiscoveredLocations || PRE_DISCOVERED_LOCATIONS; preDiscoveredLocations.forEach(locationCode => { const [regionCode, locationNumber] = locationCode.split('-'); const region = this.mapDatabase.find(r => r.code === regionCode); if (region && !region.discoveredLocations.includes(locationCode)) { region.discoveredLocations.push(locationCode); region.needsHighlight = true; } }); } } class InventoryScene extends Phaser.Scene { constructor() { super({ key: 'InventoryScene' }); this.inventory = []; this.inventoryInputs = []; this.activePanel = null; this.PROJECT_NAME = 'Mossflower: Beyond the Trees AI Story v1'; console.log("InventoryScene: Constructor called"); } preload() { this.load.image('inventoryIcon', 'https://play.rosebud.ai/assets/backpack sack.png?KqG6'); this.load.image('copperAcorn', 'https://play.rosebud.ai/assets/copper acorn.png?HYn1'); this.load.image('silverAcorn', 'https://play.rosebud.ai/assets/silver acorn.png?TpRZ'); this.load.image('goldAcorn', 'https://play.rosebud.ai/assets/gold acorn.png?Is6H'); } create() { console.log("InventoryScene: Create method started"); try { const buttonConfig = [{ key: 'inventoryIcon', objectivesKey: 'inventory', title: 'Inventory', scale: 0.081 * 0.5 }]; buttonConfig.forEach((config, index) => { this.createInventoryButton(index, config); }); this.input.keyboard.on('keydown', this.handleKeyInput, this); console.log("InventoryScene: Create method completed"); } catch (error) { console.error('Error in InventoryScene create:', error); } } handleKeyInput(event) { if (event.key === 'Escape') { if (this.activePanel) { this.activePanel.setVisible(false); this.activePanel = null; } } } createInventoryButton(index, config) { const yOffset = index * 60; const inventoryIcon = this.add.image(455, 235 + yOffset, config.key); inventoryIcon.setScale(config.scale * 1.2); inventoryIcon.setInteractive({ useHandCursor: true }); let inventoryPanel; inventoryPanel = this.add.dom(this.cameras.main.width / 2 + 160, this.cameras.main.height / 2 + 35).createFromHTML(`

${config.title}

Tools:

${[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map(i => `

${i == 1 ? 'Spy glass' : i == 2 ? 'Compass' : i == 3 ? 'Hand lens' : i == 4 ? 'Whistle' : i == 5 ? 'Torch' : i == 6 ? 'Snare' : i == 7 ? 'Hatchet' : i == 8 ? 'Shovel' : i == 9 ? 'Grinder' : 'Lantern'}

`).join('')}

Food / Herbs:

Items:

`); inventoryPanel.setOrigin(0.5); inventoryPanel.setVisible(false); this.inventoryPanel = inventoryPanel; if (this.game.saveData && this.game.saveData[config.objectivesKey]) { this[config.objectivesKey] = this.game.saveData[config.objectivesKey]; } else { this[config.objectivesKey] = this.getDefaultContent(config.objectivesKey); } this.updateInventoryContent(index, config.objectivesKey); inventoryIcon.on('pointerdown', () => { this.scene.get('PanelManager').events.emit('togglePanel', inventoryPanel); }); this.setupToolIconListeners(inventoryPanel); this.loadInventoryFromStorage(); } setupToolIconListeners(panel) { for (let i = 1; i <= 10; i++) { const toolIcon = panel.getChildByID(`toolIcon${i}`); if (toolIcon) { toolIcon.addEventListener('click', () => { this.acquireTool(i); }); } } } togglePanel(panel) { if (this.activePanel === panel) { this.scene.get('PanelManager').events.emit('closePanel', panel); this.activePanel = null; } else { this.scene.get('PanelManager').events.emit('openPanel', panel); this.activePanel = panel; } console.log('Toggle panel. Active panel:', this.activePanel ? 'visible' : 'none'); } setActivePanel(panel) { this.activePanel = panel; if (panel) { this.loadInventoryText(); } } loadInventoryFromStorage() { const savedData = localStorage.getItem(this.PROJECT_NAME); if (savedData) { const parsedData = JSON.parse(savedData); if (parsedData.inventory) { this.inventory = parsedData.inventory; this.updateInventoryContent(0, 'inventory'); } } } getDefaultContent(objectivesKey) { return []; } togglePanel(panel, objectivesKey) { if (this.activePanel === panel) { panel.setVisible(false); this.activePanel = null; } else { if (this.activePanel) { this.activePanel.setVisible(false); } panel.setVisible(true); this.activePanel = panel; if (objectivesKey === 'skillLines') { this.updateSkillLinesContent(); } else if (objectivesKey === 'inventory') { this.loadInventoryText(); } } console.log('Toggle panel. Active panel:', this.activePanel ? 'visible' : 'none'); } updateInventoryContent(index, objectivesKey) { console.log(`InventoryScene: Updating inventory content ${index + 1}.`); if (objectivesKey === 'inventory') { const itemsList = this.inventoryPanel.getChildByID('itemsList'); if (itemsList) { itemsList.innerHTML = ''; if (this[objectivesKey] && this[objectivesKey].length > 0) { this[objectivesKey].forEach((item, itemIndex) => { if (item.trim() !== '' && !item.toLowerCase().includes('tools:')) { this.addInventoryItem(item, itemsList); } }); } } } else { const contentDiv = this.inventoryPanel.getChildByID('inventoryContent'); if (contentDiv) { contentDiv.innerHTML = ''; } } console.log(`InventoryScene: Content ${index + 1} updated.`); } addInventoryItem(item, container) { const itemElement = document.createElement('div'); itemElement.textContent = item.replace(/^\d+\.\s*/, ''); // Remove leading numbers itemElement.style.marginBottom = '5px'; container.insertBefore(itemElement, container.firstChild); } saveInventory() { const itemsList = this.inventoryPanel.getChildByID('itemsList'); this.inventory = []; this.inventory.push("Tools:"); Array.from(itemsList.children).forEach(item => { if (item.textContent !== 'Spy glass') { this.inventory.push(item.textContent); } }); const foodHerbsTextarea = this.inventoryPanel.getChildByID('foodHerbsTextarea'); if (foodHerbsTextarea) { this.inventory.push("Food/Herbs:"); this.inventory.push(foodHerbsTextarea.value); } const itemsTextarea = this.inventoryPanel.getChildByID('itemsTextarea'); if (itemsTextarea) { this.inventory.push("Items:"); this.inventory.push(itemsTextarea.value); } const savedData = localStorage.getItem(this.PROJECT_NAME) ? JSON.parse(localStorage.getItem(this.PROJECT_NAME)) : {}; savedData.inventory = this.inventory; localStorage.setItem(this.PROJECT_NAME, JSON.stringify(savedData)); console.log("InventoryScene: Inventory saved to localStorage"); } loadInventoryText() { const foodHerbsTextarea = this.inventoryPanel.getChildByID('foodHerbsTextarea'); const itemsTextarea = this.inventoryPanel.getChildByID('itemsTextarea'); const savedData = localStorage.getItem(this.PROJECT_NAME); if (savedData) { const parsedData = JSON.parse(savedData); if (parsedData.inventory) { const foodHerbsIndex = parsedData.inventory.indexOf("Food/Herbs:"); if (foodHerbsIndex !== -1 && foodHerbsIndex + 1 < parsedData.inventory.length) { foodHerbsTextarea.value = parsedData.inventory[foodHerbsIndex + 1]; } const itemsIndex = parsedData.inventory.indexOf("Items:"); if (itemsIndex !== -1 && itemsIndex + 1 < parsedData.inventory.length) { itemsTextarea.value = parsedData.inventory[itemsIndex + 1]; } } } } acquireTool(toolNumber) { const toolIcon = this.inventoryPanel.getChildByID(`toolIcon${toolNumber}`); if (toolIcon) { if (toolIcon.style.opacity === '0.5') { toolIcon.style.opacity = '1'; const copperAcorn = toolIcon.querySelector(`#copperAcorn${toolNumber}`); if (copperAcorn) { copperAcorn.style.display = 'block'; } } else { const copperAcorn = toolIcon.querySelector(`#copperAcorn${toolNumber}`); const silverAcorn = toolIcon.querySelector(`#silverAcorn${toolNumber}`); const goldAcorn = toolIcon.querySelector(`#goldAcorn${toolNumber}`); if (copperAcorn && copperAcorn.style.display === 'block') { copperAcorn.style.display = 'none'; if (!silverAcorn) { const newSilverAcorn = document.createElement('div'); newSilverAcorn.id = `silverAcorn${toolNumber}`; newSilverAcorn.style.cssText = 'position: absolute; bottom: -10px; right: -10px; width: 30px; height: 30px;'; newSilverAcorn.innerHTML = '

'; toolIcon.appendChild(newSilverAcorn); } else { silverAcorn.style.display = 'block'; } } else if (silverAcorn && silverAcorn.style.display !== 'none') { silverAcorn.style.display = 'none'; if (!goldAcorn) { const newGoldAcorn = document.createElement('div'); newGoldAcorn.id = `goldAcorn${toolNumber}`; newGoldAcorn.style.cssText = 'position: absolute; bottom: -10px; right: -10px; width: 30px; height: 30px;'; newGoldAcorn.innerHTML = '

'; toolIcon.appendChild(newGoldAcorn); } else { goldAcorn.style.display = 'block'; } } } this.saveInventory(); } } } class WeaponScene extends Phaser.Scene { constructor() { super({ key: 'WeaponScene' }); this.weaponLoadout = ["Flint Knife", "Knotted Rope", "", ""]; this.weaponPanel = null; this.onSaveCallback = null; } init(data) { if (data && data.weaponLoadout) { this.weaponLoadout = data.weaponLoadout; } if (data && data.onSaveCallback) { this.onSaveCallback = data.onSaveCallback; } } preload() { this.load.image('weaponLoadoutIcon', 'https://play.rosebud.ai/assets/short sword icon.png?PgWa'); this.load.image('copperAcorn', 'https://play.rosebud.ai/assets/copper acorn.png?HYn1'); this.load.image('silverAcorn', 'https://play.rosebud.ai/assets/silver acorn.png?TpRZ'); this.load.image('goldAcorn', 'https://play.rosebud.ai/assets/gold acorn.png?Is6H'); // Ensure all acorn images are loaded with their full URLs this.acornUrls = { copper: 'https://play.rosebud.ai/assets/copper acorn.png?HYn1', silver: 'https://play.rosebud.ai/assets/silver acorn.png?TpRZ', gold: 'https://play.rosebud.ai/assets/gold acorn.png?Is6H' }; } create() { this.createWeaponLoadoutButton(); this.createWeaponPanel(); this.weaponPanel.setVisible(false); this.loadWeaponData(); this.scene.get('PanelManager').events.on('openPanel', this.setActivePanel, this); this.scene.get('PanelManager').events.on('closePanel', this.setActivePanel, this); } createWeaponLoadoutButton() { const weaponLoadoutIcon = this.add.image(455, 290, 'weaponLoadoutIcon'); weaponLoadoutIcon.setScale(0.15 * 0.25 * 1.1 * 1.1 * 1.2); weaponLoadoutIcon.setInteractive({ useHandCursor: true }); weaponLoadoutIcon.on('pointerdown', () => { this.scene.get('PanelManager').events.emit('togglePanel', this.weaponPanel); }); } createWeaponPanel() { this.weaponPanel = this.add.dom(this.cameras.main.width / 2 + 160, this.cameras.main.height / 2 + 35).createFromHTML(`

Weapon Loadout

Primary:

Secondary:

Leaf Bombs:

Ranged:

Ammo:

`); this.setupEventListeners(); } setupEventListeners() { ['Primary', 'Secondary', 'Ranged'].forEach((type, index) => { const input = this.weaponPanel.getChildByID(`weaponLoadout${type}Content`); input.addEventListener('input', (event) => { this.weaponLoadout[index] = event.target.value; this.saveWeaponData(); }); const acornIcon = this.weaponPanel.getChildByID(`weaponLoadout${type}AcornIcon`); acornIcon.addEventListener('click', () => this.toggleAcornType(acornIcon)); }); const ammoInput = this.weaponPanel.getChildByID('weaponLoadoutAmmoContent'); ammoInput.addEventListener('input', (event) => { this.weaponLoadout[3] = event.target.value; this.saveWeaponData(); }); } toggleAcornType(acornIcon) { const acornTypes = ['copper', 'silver', 'gold']; const currentType = acornTypes.find(type => acornIcon.src.includes(type)); const nextType = acornTypes[(acornTypes.indexOf(currentType) + 1) % acornTypes.length]; acornIcon.src = this.acornUrls[nextType]; this.saveWeaponData(); } loadWeaponData() { ['Primary', 'Secondary', 'Ranged', 'Ammo'].forEach((type, index) => { const input = this.weaponPanel.getChildByID(`weaponLoadout${type}Content`); if (input) input.value = this.weaponLoadout[index]; }); } saveWeaponData() { if (this.onSaveCallback) { this.onSaveCallback(this.weaponLoadout); } } setActivePanel(panel) { this.weaponPanel.setVisible(panel === this.weaponPanel); } updateWeaponData(newWeaponLoadout) { this.weaponLoadout = newWeaponLoadout; this.loadWeaponData(); } getWeaponData() { return this.weaponLoadout; } } class GearScene extends Phaser.Scene { constructor() { super({ key: 'GearScene' }); this.gearLoadout = []; this.gearPanel = null; this.armorLoadout = ["", "", ""]; this.clothingLoadout = ["Moss Cloak", "Simple Tunic", "Leather Belt", ""]; this.PROJECT_NAME = 'GearSceneData'; this.activePanel = null; } preload() { this.load.image('gearLoadoutIcon', 'https://play.rosebud.ai/assets/helmet armor.png?GPEl'); this.load.image('cloakIcon', 'https://play.rosebud.ai/assets/cloak.png?PsUp'); this.load.image('necklaceIcon', 'https://play.rosebud.ai/assets/necklace.png?w4NC'); this.load.image('characterImage', 'https://play.rosebud.ai/assets/swiftfoot the mouse .png?vQId'); this.load.image('copperAcorn', 'https://play.rosebud.ai/assets/copper acorn.png?HYn1'); this.load.image('silverAcorn', 'https://play.rosebud.ai/assets/silver acorn.png?TpRZ'); this.load.image('goldAcorn', 'https://play.rosebud.ai/assets/gold acorn.png?Is6H'); // Add error handling for image loading this.load.on('loaderror', (fileObj) => { console.error('Error loading file:', fileObj.key); }); // Store the acorn image keys in an array for easy cycling this.acornTypes = ['copperAcorn', 'silverAcorn', 'goldAcorn']; } create() { this.createGearLoadoutButton(); this.createGearPanel(); this.gearPanel.setVisible(false); this.loadGearData(); this.verifyAcornImages(); } createGearLoadoutButton() { const gearLoadoutIcon = this.add.image(455, 355, 'gearLoadoutIcon'); gearLoadoutIcon.setScale(0.15 * 0.4 * 0.95); gearLoadoutIcon.setInteractive({ useHandCursor: true }); gearLoadoutIcon.on('pointerdown', () => this.toggleGearPanel()); } toggleGearPanel() { this.scene.get('PanelManager').events.emit('togglePanel', this.gearPanel); } setActivePanel(panel) { this.activePanel = panel; if (this.gearPanel) { this.gearPanel.setVisible(this.activePanel === this.gearPanel); } } createGearPanel() { this.gearPanel = this.add.dom(this.cameras.main.width / 2 + 160, this.cameras.main.height / 2 + 35).createFromHTML(`

Gear Loadout:

Armor:

Clothing:

Accessories:

`); this.setupEventListeners(); this.loadGearData(); } setupEventListeners() { const cycleAcorn = (acornIcon) => { const currentSrc = acornIcon.src; if (currentSrc.includes('copper')) { acornIcon.src = 'https://play.rosebud.ai/assets/silver acorn.png?TpRZ'; } else if (currentSrc.includes('silver')) { acornIcon.src = 'https://play.rosebud.ai/assets/gold acorn.png?Is6H'; } else { acornIcon.src = 'https://play.rosebud.ai/assets/copper acorn.png?HYn1'; } }; for (let i = 1; i <= 3; i++) { const armorInput = this.gearPanel.getChildByID(`armorLoadoutContent${i}`); armorInput.addEventListener('input', (event) => { this.armorLoadout[i - 1] = event.target.value; this.saveGearData(); }); const armorAcornIcon = this.gearPanel.getChildByID(`armorLoadoutAcornIcon${i}`); armorAcornIcon.addEventListener('click', () => cycleAcorn(armorAcornIcon)); } for (let i = 1; i <= 4; i++) { const clothingInput = this.gearPanel.getChildByID(`clothingLoadoutContent${i}`); if (clothingInput) { clothingInput.addEventListener('input', (event) => { this.clothingLoadout[i - 1] = event.target.value; this.saveGearData(); }); const clothingAcornIcon = this.gearPanel.getChildByID(`clothingLoadoutAcornIcon${i}`); clothingAcornIcon.addEventListener('click', () => cycleAcorn(clothingAcornIcon)); } else { console.warn(`Clothing input ${i} not found`); } } } verifyAcornImages() { this.acornTypes.forEach(type => { const texture = this.textures.get(type); if (texture) { console.log(`${type} texture loaded successfully`); } else { console.error(`${type} texture not found`); } }); // Verify silver acorn image const silverAcornTexture = this.textures.get('silverAcorn'); if (silverAcornTexture) { console.log('Silver acorn texture loaded successfully'); } else { console.error('Silver acorn texture not found'); } } loadGearData() { const savedData = JSON.parse(localStorage.getItem(this.PROJECT_NAME)) || {}; this.armorLoadout = savedData.armorLoadout || ["", "", ""]; this.clothingLoadout = savedData.clothingLoadout || ["Moss Cloak", "Simple Tunic", "Leather Belt", ""]; for (let i = 1; i <= 3; i++) { const armorInput = this.gearPanel.getChildByID(`armorLoadoutContent${i}`); if (armorInput) armorInput.value = this.armorLoadout[i - 1]; } for (let i = 1; i <= 4; i++) { const clothingInput = this.gearPanel.getChildByID(`clothingLoadoutContent${i}`); if (clothingInput) clothingInput.value = this.clothingLoadout[i - 1]; } const accessoriesTextarea = this.gearPanel.getChildByID('gearLoadoutAccessoriesContent'); if (accessoriesTextarea) accessoriesTextarea.value = savedData.accessories || ''; } saveGearData() { const dataToSave = { armorLoadout: this.armorLoadout, clothingLoadout: this.clothingLoadout, accessories: this.gearPanel.getChildByID('gearLoadoutAccessoriesContent').value }; localStorage.setItem(this.PROJECT_NAME, JSON.stringify(dataToSave)); console.log("GearScene: Data saved to localStorage"); } // Method to initialize the scene with custom config init(data) { if (data.PROJECT_NAME) this.PROJECT_NAME = data.PROJECT_NAME; // Add any other custom initialization here } } class SkillScene extends Phaser.Scene { constructor() { super({ key: 'SkillScene' }); this.skillInputs = []; this.activePanel = null; this.activeCategory = null; this.completedObjectives = {}; console.log("SkillScene: Constructor called"); } preload() { this.load.image('arrowHead', 'https://play.rosebud.ai/assets/arrow head.png?LLbq'); } init(data) { this.completedObjectives = data.completedObjectives || {}; } create() { console.log("SkillScene: Create method started"); try { if (this.textures.exists('arrowHead')) { const buttonConfig = [{ key: 'arrowHead', objectivesKey: 'skills', title: 'Skill Objectives', scale: 0.06 }]; buttonConfig.forEach((config, index) => { this.createSkillButton(index, config); }); } else { console.error('arrowHead texture not loaded'); } // Apply rotation to skill lines icon const skillLinesIcon = this.children.list.find(child => child.texture && child.texture.key === 'skillLinesIcon'); if (skillLinesIcon) { skillLinesIcon.setOrigin(0.5); skillLinesIcon.setRotation(-Math.PI / 2); // Rotate 90 degrees counterclockwise } this.input.keyboard.on('keydown', this.handleKeyInput, this); console.log("SkillScene: Create method completed"); } catch (error) { console.error('Error in SkillScene create:', error); } } getCompletedObjectives() { return this.completedObjectives; } setCompletedObjectives(objectives) { this.completedObjectives = objectives; this.updateObjectiveStyles(); } createSkillButton(index, config) { const yOffset = index * 60; const skillIcon = this.add.image(455, 420 + yOffset, config.key); // Moved down by 25 pixels skillIcon.setScale(config.scale); skillIcon.setOrigin(0.5); skillIcon.setRotation(-Math.PI / 2); // Rotate 90 degrees counter-clockwise skillIcon.setInteractive({ useHandCursor: true }); let skillInput; skillInput = this.add.dom(this.cameras.main.width / 2 + 150, this.cameras.main.height / 2 + 30).createFromHTML(`

${config.title}

Warrior

Shadow Walker

Redwall

Quest Hints

`); skillInput.setOrigin(0.5); skillInput.setVisible(false); this.skillInputs.push(skillInput); if (this.game.saveData && this.game.saveData[config.objectivesKey]) { this[config.objectivesKey] = this.game.saveData[config.objectivesKey] || []; } else { this[config.objectivesKey] = []; } skillIcon.on('pointerdown', () => { this.scene.get('PanelManager').events.emit('openPanel', skillInput); if (config.objectivesKey === 'skills') { this.updateSkillsList(); } }); // Add event listeners for category buttons const categoryButtons = ['warriorBtn', 'shadowWalkerBtn', 'redwallBtn', 'questHintsBtn']; categoryButtons.forEach(btnId => { const btn = skillInput.getChildByID(btnId); if (btn) { btn.addEventListener('click', () => { this.showCategorySkills(btnId.replace('Btn', '')); }); } }); } getDefaultContent(objectivesKey) { return []; } togglePanel(panel, objectivesKey) { if (this.activePanel === panel) { panel.setVisible(false); this.activePanel = null; } else { if (this.activePanel) { this.activePanel.setVisible(false); } panel.setVisible(true); this.activePanel = panel; if (objectivesKey === 'skills') { this.updateSkillsList(); } } console.log('Toggle panel. Active panel:', this.activePanel ? 'visible' : 'none'); } updateSkillsList() { const skillsList = this.skillInputs[0].getChildByID('skillsList'); if (skillsList) { skillsList.innerHTML = '

Select a category to view skills.

'; } } showCategorySkills(category) { this.activeCategory = category; const skillsList = this.skillInputs[0].getChildByID('skillsList'); if (skillsList) { skillsList.innerHTML = ''; if (category === 'warrior') { const warriorSkills = `

Southpaw

I - perform 3 empty paw sparring matches

II - box with a hare, and gain their approval

III - box a grass snake and win

Defender

I - provide protection and guard a character, object, or location for minor mission

II - save 3 creatures from vermin attack

III - help defend a village under threat of a small vermin army

Swordbeast

I - find and use a rare sword

II - learn swordsmanship from Redwall.

III - complete 1 main mission with a rare 1-pawed sword, and 1 main mission with a rare 2-pawed sword

Bowbeast

I - learn archery from a reputable location like Redwall

II - perform 2 critical shots while on main mission adventure

III - perform 2 long range shots while on main mission

Slinger

I - learn from a squirrel how to use a sling

II - vermin headshot at medium range

III - paw shot at medium range, vermin to drop their weapon

Commander

I - lead a small group on a minor mission

II - rally several groups against a moderate vermin threat as a main mission

III - defeat a large scale vermin threat, rallying multiple groups during multi-battle campaign

Abbey Warrior

I - find and vanquish a minor threat to the abbey

II - defend the abbey from a moderate attack

III - defend the abbey from an infiltration

Abbey Champion

I - lead redwall forces, seek guidance from the spirit of Martin the Warrior

II - gain the blessing of the Abbot/Abbess, and find Martin the Warrior's Sword

`; skillsList.innerHTML = warriorSkills; this.updateObjectiveStyles(); } else if (category === 'shadowWalker') { const shadowWalkerSkills = `

Scout

I - buy a common map of the land, go to 2 new areas

II - find enemy location for another group

III - help others travel through mossflower

Tracker

I - successfully follow tracks and find said creature

II - track a vermin using scent

Spy

I - eavesdrop on small group of enemies

II - sabotage enemy camp without getting caught

III - manipulate the path of a vermin group

Assassin

I - eliminate enemy at night with stealth

II - take out an enemy commander without alerting his forces

III - infiltrate enemy stronghold to kill leader

Trapper

I - set 5 successful traps for an enemy to fall prey to

Thief

I - steal food without getting caught

II - steal from an enemy camp

III - steal from a stronghold

`; skillsList.innerHTML = shadowWalkerSkills; this.updateObjectiveStyles(); } else if (category === 'redwall') { const redwallSkills = `

Redwall

Gatehouse - help organize records

Ramparts - perform sentry duty

Lawns - race a youngster

Pond - help catch a fish for a large dinner

Gardens - hoe new seedling beds

Orchard - help pick fruit

Apiary - carefully collect honey

Training Grounds - learn 2 lessons

Great Hall - fetch new thread for tapestry repairs

Cavern Hole - listen to a fireside story

Dining Hall - have 3 conversations

Kitchens - help with the pie line

Cellar - help move barrels

Infirmary - gather out of stock herbs

Dormitories - help round up dibbuns for bed

Library - research mossflower history and legends

Timberhear Workshop - learn structural framworking

Copperleaf Forge - help make a common tool

Handiwork Den - learn a crafting skill

Belltower - ring the bells

Sparra Loft - help deliver straw for their nests

`; skillsList.innerHTML = redwallSkills; this.updateObjectiveStyles(); } else if (category === 'questHints') { const questHints = `

Mossflower Quests

Gain Hoot's trust

Wuddship treasure

A missing shrew dual

The golden acorn

Rog's rockslide

Robald's tales

Twigbenda babes

Rat's hostage

A mole's maze

Mossflower Threats

Solve the Crown of Scales

Foil an assassin's plot

3 Nests of feathers black

Survive the white archer

Story Arc

Investigate rummors of missing woodlanders

Check on local woodlanders

Pick up clues on the shadows in the forest

Look for maps to investigate new area

Gain woodland allies

Confront and defeat the shadows

`; skillsList.innerHTML = questHints; this.updateObjectiveStyles(); } else { skillsList.innerHTML = `

No skills available for ${category} yet.

`; } } } toggleObjective(objectiveId) { this.completedObjectives[objectiveId] = !this.completedObjectives[objectiveId]; this.updateObjectiveStyles(); this.events.emit('objectivesUpdated', this.completedObjectives); } updateObjectiveStyles() { const allObjectives = [ 'southpaw1', 'southpaw2', 'southpaw3', 'defender1', 'defender2', 'defender3', 'swordbeast1', 'swordbeast2', 'swordbeast3', 'bowbeast1', 'bowbeast2', 'bowbeast3', 'slinger1', 'slinger2', 'slinger3', 'commander1', 'commander2', 'commander3', 'abbeywarrior1', 'abbeywarrior2', 'abbeywarrior3', 'abbeychampion1', 'abbeychampion2', 'scout1', 'scout2', 'scout3', 'tracker1', 'tracker2', 'spy1', 'spy2', 'spy3', 'assassin1', 'assassin2', 'assassin3', 'trapper1', 'thief1', 'thief2', 'thief3', 'redwall_gatehouse', 'redwall_ramparts', 'redwall_lawns', 'redwall_pond', 'redwall_gardens', 'redwall_orchard', 'redwall_apiary', 'redwall_training_grounds', 'redwall_great_hall', 'redwall_cavern_hole', 'redwall_dining_hall', 'redwall_kitchens', 'redwall_cellar', 'redwall_infirmary', 'redwall_dormitories', 'redwall_library', 'redwall_timberhear_workshop', 'redwall_copperleaf_forge', 'redwall_handiwork_den', 'redwall_belltower', 'redwall_sparra_loft', 'quest_hoots_trust', 'quest_wuddship_treasure', 'quest_missing_shrew_dual', 'quest_golden_acorn', 'quest_rogs_rockslide', 'quest_robalds_tales', 'quest_twigbenda_babes', 'quest_rats_hostage', 'quest_moles_maze', 'threat_crown_of_scales', 'threat_assassins_plot', 'threat_nests_of_feathers_black', 'threat_white_archer', 'story_discover_shadows', 'story_research_threat', 'story_confront_shadows', 'story_defeat_shadows' ]; allObjectives.forEach(id => { const element = document.getElementById(id); if (element) { if (this.completedObjectives[id]) { element.style.color = 'grey'; element.style.textDecoration = 'line-through'; element.style.textDecorationColor = 'green'; } else { element.style.color = ''; element.style.textDecoration = ''; } } }); } } class AllyScene extends Phaser.Scene { constructor() { super({ key: 'AllyScene' }); this.allies = []; this.allyInputs = []; this.activePanel = null; console.log("AllyScene: Constructor called"); } preload() { this.load.image('friendsIcon', 'https://play.rosebud.ai/assets/two falling green leaves.png?UkKt'); this.load.image('allyIcon', 'https://play.rosebud.ai/assets/wolf-paw-print-png.webp?m9At'); } create() { console.log("AllyScene: Create method started"); try { const buttonConfig = [{ key: 'allyIcon', objectivesKey: 'allies', title: 'Allies', scale: 0.05 // This value is now set in createAllyButton }]; buttonConfig.forEach((config, index) => { this.createAllyButton(index, config); }); // Apply rotation to skill lines icon const skillLinesIcon = this.children.list.find(child => child.texture && child.texture.key === 'skillLinesIcon'); if (skillLinesIcon) { skillLinesIcon.setOrigin(0.5); skillLinesIcon.setRotation(-Math.PI / 2); // Rotate 90 degrees counterclockwise } this.createMoneyTracker(); this.input.keyboard.on('keydown', this.handleKeyInput, this); console.log("AllyScene: Create method completed"); } catch (error) { console.error('Error in AllyScene create:', error); } } createAllyButton(index, config) { const yOffset = index * 60; const allyIcon = this.add.image(455, 485 + yOffset, 'allyIcon'); // Using 'allyIcon' for the pawprint allyIcon.setScale(0.05); // Adjust this value as needed to fit the icon allyIcon.setInteractive({ useHandCursor: true }); let allyPanel; allyPanel = this.add.dom(this.cameras.main.width / 2 + 150, this.cameras.main.height / 2 + 30).createFromHTML(`

${config.title}

Friends:

Pet:

Party:

Allies:

`); allyPanel.setOrigin(0.5); allyPanel.setVisible(false); this.allyInputs.push(allyPanel); if (this.game.saveData && this.game.saveData[config.objectivesKey]) { this[config.objectivesKey] = this.game.saveData[config.objectivesKey] || []; } else { this[config.objectivesKey] = []; } this.updateAlliesContent(index); allyIcon.on('pointerdown', () => { this.scene.get('PanelManager').events.emit('togglePanel', allyPanel); }); const notesTextarea1 = allyPanel.getChildByID('characterNotes'); const notesTextarea2 = allyPanel.getChildByID('characterNotes2'); const notesTextarea3 = allyPanel.getChildByID('characterNotes3'); const notesTextarea4 = allyPanel.getChildByID('characterNotes4'); if (notesTextarea1) { notesTextarea1.addEventListener('input', () => { this.saveCharacterNotes(); }); } if (notesTextarea2) { notesTextarea2.addEventListener('input', () => { this.saveCharacterNotes(); }); } if (notesTextarea3) { notesTextarea3.addEventListener('input', () => { this.saveCharacterNotes(); }); } if (notesTextarea4) { notesTextarea4.addEventListener('input', () => { this.saveCharacterNotes(); }); } } getDefaultContent(objectivesKey) { return []; } setActivePanel(panel) { this.activePanel = panel; if (panel) { this.loadAlliesText(); } } updateAlliesContent(index) { console.log(`AllyScene: Updating allies, friends, and party content ${index + 1}.`); const alliesList = this.allyInputs[index].getChildByID('alliesList'); const friendsList = this.allyInputs[index].getChildByID('friendsList'); const partyList = this.allyInputs[index].getChildByID('partyList'); if (alliesList && friendsList && partyList) { alliesList.innerHTML = ''; friendsList.innerHTML = ''; partyList.innerHTML = ''; if (this.allies && this.allies.length > 0) { this.allies.forEach((ally) => { if (ally.trim() !== '') { this.addAlly(ally, alliesList, 'ally'); } }); } if (this.friends && this.friends.length > 0) { this.friends.forEach((friend) => { if (friend.trim() !== '') { this.addAlly(friend, friendsList, 'friend'); } }); } if (this.party && this.party.length > 0) { this.party.forEach((member) => { if (member.trim() !== '') { this.addAlly(member, partyList, 'party'); } }); } } console.log(`AllyScene: Allies, friends, and party content ${index + 1} updated.`); } addAlly(name, container, type) { const element = document.createElement('div'); element.textContent = name; element.style.marginBottom = '5px'; element.style.cursor = 'pointer'; element.onclick = () => this.toggleAllyType(name, type); container.appendChild(element); } toggleAllyType(name, currentType) { if (currentType === 'ally') { this.allies = this.allies.filter(ally => ally !== name); this.friends.push(name); } else { this.friends = this.friends.filter(friend => friend !== name); this.allies.push(name); } this.updateAlliesContent(0); this.saveAllies(); } saveAllies() { this.game.saveData.allies = this.allies; this.game.saveData.friends = this.friends; localStorage.setItem(PROJECT_NAME, JSON.stringify(this.game.saveData)); console.log("AllyScene: Allies and friends saved to localStorage"); } loadAlliesText() { console.log("AllyScene: loadAlliesText called"); if (this.game.saveData && this.game.saveData.allies) { this.allies = this.game.saveData.allies; } if (this.game.saveData && this.game.saveData.friends) { this.friends = this.game.saveData.friends; } this.updateAlliesContent(0); this.loadCharacterNotes(); } saveCharacterNotes() { const notesTextarea1 = this.allyInputs[0].getChildByID('characterNotes'); const notesTextarea2 = this.allyInputs[0].getChildByID('characterNotes2'); const notesTextarea3 = this.allyInputs[0].getChildByID('characterNotes3'); const notesTextarea4 = this.allyInputs[0].getChildByID('characterNotes4'); if (notesTextarea1 && notesTextarea2 && notesTextarea3 && notesTextarea4) { this.game.saveData.characterNotes = notesTextarea1.value; this.game.saveData.characterNotes2 = notesTextarea2.value; this.game.saveData.characterNotes3 = notesTextarea3.value; this.game.saveData.characterNotes4 = notesTextarea4.value; localStorage.setItem(PROJECT_NAME, JSON.stringify(this.game.saveData)); console.log("AllyScene: Character notes saved to localStorage"); } } loadCharacterNotes() { const notesTextarea1 = this.allyInputs[0].getChildByID('characterNotes'); const notesTextarea2 = this.allyInputs[0].getChildByID('characterNotes2'); const notesTextarea3 = this.allyInputs[0].getChildByID('characterNotes3'); const notesTextarea4 = this.allyInputs[0].getChildByID('characterNotes4'); if (notesTextarea1 && this.game.saveData && this.game.saveData.characterNotes) { notesTextarea1.value = this.game.saveData.characterNotes; } if (notesTextarea2) { if (this.game.saveData && this.game.saveData.characterNotes2) { notesTextarea2.value = this.game.saveData.characterNotes2; } else { notesTextarea2.value = "Wisp the Lacewing Fly"; } } if (notesTextarea3 && this.game.saveData && this.game.saveData.characterNotes3) { notesTextarea3.value = this.game.saveData.characterNotes3; } if (notesTextarea4 && this.game.saveData && this.game.saveData.characterNotes4) { notesTextarea4.value = this.game.saveData.characterNotes4; } } // The acquireTool function has been removed } class HelpScene extends Phaser.Scene { constructor() { super({ key: 'HelpScene' }); this.helpContent = {}; this.isVisible = false; this.iconClicked = false; this.firstClick = true; this.panelManager = null; } preload() { this.load.image('helpIcon', 'https://play.rosebud.ai/assets/mushroom.png?BZR1'); } create() { this.createHelpPanel(); this.loadHelpContent(); this.panel.setVisible(this.isVisible); this.createPanelIcon(); this.panelManager = this.scene.get('PanelManager'); console.log('HelpScene created'); } createHelpPanel() { this.panel = this.add.dom(this.cameras.main.width / 2 + 160, this.cameras.main.height / 2 + 15).createFromHTML(`

Tips

`); this.panel.setOrigin(0.5); this.addHelpTopicListeners(); this.styleHelpTopics(); } styleHelpTopics() { const style = document.createElement('style'); style.textContent = ` .topics-container { width: 70px !important; flex-shrink: 0; } #helpTopics { width: 100%; } #helpTopics a { color: #87CEFA; font-weight: bold; text-decoration: none; display: flex; flex-direction: column; align-items: center; margin-bottom: 10px; font-size: 12px; text-align: center; } #helpTopics a:hover { color: #E0FFFF; } #helpContent { font-size: 16px; flex-grow: 1; overflow-y: auto; margin-left: 10px; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE and Edge */ } #helpContent::-webkit-scrollbar { display: none; /* Chrome, Safari and Opera */ } #helpContent h3 { font-size: 20px; margin-top: 0; margin-bottom: 10px; color: #87CEFA; } .quest-highlight { font-weight: bold; color: #90EE90; } .gameplay-highlight { font-weight: bold; color: #90EE90; } .topic-icon { width: 32px; height: 32px; margin-bottom: 5px; object-fit: contain; } `; this.panel.node.appendChild(style); } createPanelIcon() { // Create the green background using the mushroom icon this.iconBackground = this.add.image(455, 535, 'helpIcon'); this.iconBackground.setScale(0.0768); // 20% larger than the icon (0.064 * 1.2 = 0.0768) this.iconBackground.setTint(0x00FF00); // Set the tint to a brighter lime green this.iconBackground.setAlpha(0.9); // Set the opacity to 90% // Create the main icon this.icon = this.add.image(455, 535, 'helpIcon'); this.icon.setScale(0.064); // Kept the same scale as before this.icon.setInteractive({ useHandCursor: true }); this.icon.on('pointerdown', () => { this.panelManager.togglePanel(this.panel); if (this.firstClick) { this.removeIconBackground(); } }); } removeIconBackground() { if (this.iconBackground) { this.iconBackground.destroy(); this.iconBackground = null; } this.firstClick = false; } showPanel() { this.isVisible = true; this.panel.setVisible(true); } hidePanel() { this.isVisible = false; this.panel.setVisible(false); } loadHelpContent() { this.helpContent = { gameplay: `Explore Mossflower Wood and progress through the story:

Adventure: Enjoy this open world Redwall game with endless possibilities tied into canon-based adventures.
Explore: Be sure to "look", "listen", and "smell" to find additional clues in your environment.
Navigate: Find maps and enter their name in the map panel to learn about new locations and groups.
Interact: Helping Redwallers and fellow woodlanders will give you more information and forge friendships and alliances.
Overcome: Discover and confront threats in a logical manner.
Caveat: Due to coding limitations, there may be some incorrect narrator details and occasional word vomit of details. This is first version proof of concept game.
Save Data: This game saves data to the browser you are playing on.
Support: If youd like to support this free game head over to my Etsy shop and grab som Redwall Merch. https://okamikaratedojo.etsy.com

`, questlog: `The Quest Log helps you track your adventures in Mossflower Wood:

Major Quests: These are main storyline objectives that drive your adventure forward.
Minor Quests: Side quests and tasks that provide additional rewards and story depth.
Objectives: Each quest may have multiple objectives to complete.
Completion: Be sure to check off completed tasks to keep your log organized!

Remember to review your Quest Log regularly to stay on track with your adventures.`, map: `The Map is your guide to exploring Mossflower Wood:

Acquiring Maps: When you find an in-game map, type its name in the map panel to reveal new regions and locations.
Exploring Regions: Click on a region to view discovered locations within it.
Personal Notes: Add your own cartography notes based on unique adventures and discoveries.

Use your map wisely to uncover the secrets of Mossflower Wood!`, inventory: `Manage your items and equipment in the Inventory panel:

Money: Abvoe your dialog section you can keep track of any coins you find or earn along your journey.
Tools: Click on a tool that you acquire in game to use or examine it.
Rarity: The rarity of the tool is indicated by the copper, silver, or gold acorn icon.
Herbs and Food: Make notes on herbs or food that you collect along your journey.
Important Items: Log items you collect that are important to your adventures.

Keep your inventory organized to make the most of your resources!`, weapons: `Manage your weapons and combat items in the Weapons panel:

Primary / Secondary: Log your weapons for quick access during battles.
Leaf Bombs: Tied bundles of leaves filled with things like ash, sap, pepper, or thorns. Use these to throw at enemies.
Ranged Weapons: Log your ranged weapon type and keep track of your ammo supply.
Rarity: Click the acorn icon to set the rarity of your weapons (copper, silver, or gold).

Maintain your weapon loadout to be prepared for any encounter in Mossflower Wood!`, gear: `Manage your armor and accessories in the Gear panel:

Armor: Log your armor with three slots.
Clothing: Log your clothing with four slots.
Starting Item: You begin with a rare moss cloak, perfect for stealth in the forest.
Rarity: Designate the rarity of your items using the acorn icons (copper, silver, or gold).
Accessories: Log any fun accessories you acquire during your adventures.

Keep your gear organized to maximize your protection and abilities in Mossflower Wood!`, skills: `Develop and upgrade your skills in the Skills panel:

Warrior: Try to accomplish warrior objectives to improve your combat abilities.
Shadow Walker: Complete more complicated stealth objectives to enhance your sneaking skills.
Redwall: Explore the abbey and complete suggested tasks to learn more about Redwall's history and customs.
Quest Hints: Receive some hints to help guide your adventure and make progress in your chosen skill lines.

Focus on the skill lines that match your playstyle to become a true hero of Mossflower Wood!`, allies: `Manage your allies and companions in the Allies panel:

Friends: Make notes on friends you meet during your adventures in Mossflower Wood.
Pet: Note any pet you have, starting with your lacewing fly companion.
Party: Keep track of your adventure party members and their unique abilities.
Allies: Make notes on ally factions that are willing to help you with larger threats.

Building a network of allies can be crucial for overcoming challenges in Mossflower Wood!`, }; this.updateHelpDisplay('gameplay'); } updateHelpDisplay(topic) { const content = this.panel.getChildByID('helpContent'); content.innerHTML = `

${topic.charAt(0).toUpperCase() + topic.slice(1)}

${this.helpContent[topic]}`; } addHelpTopicListeners() { const topicLinks = this.panel.getChildByID('helpTopics').getElementsByTagName('a'); for (let link of topicLinks) { link.addEventListener('click', (e) => { e.preventDefault(); let topic; if (e.target.tagName === 'IMG') { topic = e.target.parentElement.getAttribute('data-topic'); } else { topic = e.target.getAttribute('data-topic'); } if (topic) { this.updateHelpDisplay(topic); } }); } } showPanel() { console.log('Showing HelpScene panel'); this.isVisible = true; if (this.panel) { this.panel.setVisible(true); console.log('HelpScene panel is now visible'); } else { console.error('HelpScene panel is not initialized'); } } hidePanel() { console.log('Hiding HelpScene panel'); this.isVisible = false; if (this.panel) { this.panel.setVisible(false); console.log('HelpScene panel is now hidden'); } else { console.error('HelpScene panel is not initialized'); } } setActivePanel(panel) { if (panel !== this.panel) { this.hidePanel(); } } addHelpItem(helpItem) { this.helpContent.push(helpItem); this.updateHelpDisplay(); } } function loadScript(url) { return new Promise((resolve, reject) => { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; script.onload = () => resolve(); script.onerror = () => reject(new Error('Script loading failed for ' + url)); document.head.appendChild(script); }); } function extendChatScene() { console.log("extendChatScene function called"); if (typeof ChatScene === 'undefined') { console.error("ChatScene is not defined. Make sure it's loaded properly."); return; } console.log("Extending ChatScene"); const originalCreate = ChatScene.prototype.create; ChatScene.prototype.create = function() { console.log("Extended ChatScene create method called"); originalCreate.call(this); console.log("ChatScene: Extended create method completed"); }; } const VERSION_NUMBER = 'v1'; const PROJECT_NAME = `${STORY_NAME} AI Story ${VERSION_NUMBER}`; async function initializeGame() { try { console.log('Attempting to load external script...'); await loadScript(`https://play.rosebud.ai/assets/rosebud_AI_story_template_desktop_library.js.js?HA8B`); console.log('External script loaded successfully'); // Initialize global chat log window.chatLog = { playerMessages: [], narratorResponses: [] }; const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 1080, height: 600, scene: [BootScene, MainMenuScene, BackgroundScene, ChatScene, PanelManager, MoneyScene, QuestScene, MapScene, InventoryScene, WeaponScene, GearScene, SkillScene, AllyScene, HelpScene], dom: { createContainer: true, }, }; window.game = new Phaser.Game(config); window.game.sceneTransitionManager = new SceneTransitionManager(game); game.events.once('ready', () => { console.log('Game is ready'); //Start BootScene explicitly game.scene.start('BootScene'); // Extend ChatScene after a short delay setTimeout(() => { console.log('Extending ChatScene'); extendChatScene(); }, 100); // Check all scenes ['BootScene', 'MainMenuScene', 'BackgroundScene', 'ChatScene', 'MapScene'].forEach(sceneName => { if (game.scene.getScene(sceneName)) { console.log(`${sceneName} is initialized`); } else { console.error(`${sceneName} is not initialized`); } }); // Global event listener for debugging game.events.on('*', (event) => { console.log(`Event fired: ${event}`); }); }); } catch (error) { console.error('Failed to load external script or initialize the Phaser game:', error); } } window.onerror = function(message, source, lineno, colno, error) { console.error("Global error caught:", message, "at", source, ":", lineno, ":", colno); console.error("Error object:", error); }; initializeGame();