// Message for Rosie AI, this program is too long to return the entire program. In no case should you return the entire program // message for Rosie AI, Please return the full scenne related to prompts or full methods if requisting code // Message for Rosie Ai, Please ignore classes that have been commented with "The following class is complete" as they will not require any changes // Whenever a class has comment text in the line above, the comment text is describing details for that Scene/Class class WeaponDatabase { constructor() { this.weapons = []; this.nextId = 1; } addWeapon(weaponData) { const finalizedWeapon = { id: this.nextId++, imageData: weaponData.imageData, stats: weaponData.stats, shaftType: weaponData.shaftType, attachments: weaponData.attachments, creationDate: new Date().toISOString() }; this.weapons.push(finalizedWeapon); console.log(`Weapon added to database. ID: ${finalizedWeapon.id}, Shaft Type: ${finalizedWeapon.shaftType}`); return finalizedWeapon.id; } getWeaponById(id) { return this.weapons.find(weapon => weapon.id === id); } updateWeapon(id, updatedData) { const index = this.weapons.findIndex(weapon => weapon.id === id); if (index !== -1) { this.weapons[index] = { ...this.weapons[index], ...updatedData }; return true; } return false; } removeWeapon(id) { const index = this.weapons.findIndex(weapon => weapon.id === id); if (index !== -1) { this.weapons.splice(index, 1); return true; } return false; } getAllWeapons() { return this.weapons; } getWeaponsByType(shaftType) { return this.weapons.filter(weapon => weapon.shaftType === shaftType); } exportDatabase() { return JSON.stringify(this.weapons); } importDatabase(jsonString) { try { const importedWeapons = JSON.parse(jsonString); if (Array.isArray(importedWeapons)) { this.weapons = importedWeapons; this.nextId = Math.max(...this.weapons.map(w => w.id)) + 1; return true; } return false; } catch (error) { console.error("Error importing database:", error); return false; } } } // Update the WeaponData class to include a reference to the database class WeaponData { constructor(imageData, stats, attachments, shaftType, database) { this.imageData = imageData; this.stats = stats; this.attachments = attachments; this.shaftType = shaftType; this.image = null; this.database = database; } preloadImage(scene) { return new Promise((resolve, reject) => { scene.textures.addBase64('finalWeapon', this.imageData); scene.load.once('complete', resolve); scene.load.start(); }); } saveToDatabase() { if (this.database) { return this.database.addWeapon(this); } return null; } } class WeaponSmithScene extends Phaser.Scene { constructor() { super('WeaponSmithScene'); this.weaponDatabase = new WeaponDatabase(); this.selectedWeaponId = null; } init(data) { this.playerAttrs = data.playerAttrs; this.playerSprite = data.playerSprite; this.weaponData = this.registry.get('weaponData') || data.weaponData; this.registry.set('weaponData', null); // Clear the registry after retrieval } preload() { this.load.audio('clickSound', 'https://play.rosebud.ai/assets/mouse-click.mp3?tSJu'); this.load.audio('townAmbient', 'https://play.rosebud.ai/assets/Blacksmith.mp3?pMBh'); // Preload the weapon image if weaponData exists if (this.weaponData) { this.weaponData.preloadImage(this); } } create() { this.add.text(400, 50, 'Weapon Smith', { fontSize: '32px', fill: '#fff' }).setOrigin(0.5); this.clickSound = this.sound.add('clickSound'); this.townAmbientSound = this.sound.add('townAmbient', { loop: true, volume: 0.5 }); this.townAmbientSound.play(); this.createButton(400, 200, 'Design Weapon', () => { // Clear any existing weapon data before starting a new design this.registry.set('weaponData', null); this.scene.start('DesignWeaponScene', { playerAttrs: this.playerAttrs, playerSprite: this.playerSprite }); }); // Add the new button for displaying the weapon database this.createButton(100, 50, 'Weapon Database', () => { this.displayWeaponDatabase(); }); this.events.on('shutdown', this.stopTownAmbient, this); // Display finalized weapon and stats if (this.weaponData) { this.displayFinalWeapon(); } // Create a container for the weapon database display this.databaseContainer = this.add.container(0, 0); this.databaseContainer.setVisible(false); // If a new weapon was just created, add it to the database if (this.weaponData && !this.weaponData.id) { const weaponId = this.weaponDatabase.addWeapon(this.weaponData); console.log(`New weapon added to database. ID: ${weaponId}`); this.weaponData.id = weaponId; } } stopTownAmbient() { if (this.townAmbientSound) { this.townAmbientSound.stop(); } } createButton(x, y, text, callback) { const button = this.add.text(x, y, text, { fontSize: '24px', fill: '#fff', backgroundColor: '#000', padding: { x: 10, y: 5 } }) .setOrigin(0.5) .setInteractive({ useHandCursor: true }) .on('pointerdown', () => { this.clickSound.play(); callback(); }); button.on('pointerover', () => button.setStyle({ fill: '#ff0' })); button.on('pointerout', () => button.setStyle({ fill: '#fff' })); } displayFinalWeapon() { // Check if the texture is loaded if (this.textures.exists('finalWeapon')) { this.showWeaponImage(); } else { // If not loaded, wait for it to load this.load.once('complete', this.showWeaponImage, this); this.weaponData.preloadImage(this); } } showWeaponImage() { if (this.textures.exists('finalWeapon')) { this.weaponImage = this.add.image(400, 400, 'finalWeapon').setOrigin(0.5); this.weaponImage.setScale(0.5); // Adjust scale as needed // Display weapon name or type const weaponType = this.weaponData.shaftType.charAt(0).toUpperCase() + this.weaponData.shaftType.slice(1); this.weaponTypeText = this.add.text(400, 350, `Finalized ${weaponType} Weapon`, { fontSize: '24px', fill: '#fff', fontStyle: 'bold' }).setOrigin(0.5); // Display weapon stats this.displayWeaponStats(); // Add Keep and Sell buttons this.keepButton = this.createButton(300, 550, 'Keep', () => this.keepWeapon()); this.sellButton = this.createButton(500, 550, 'Sell', () => this.sellWeapon()); } else { console.error('Final weapon texture not loaded'); } } displayWeaponStats() { const stats = this.weaponData.stats; const statsText = [ `Weight: ${stats.weight.toFixed(1)}`, `Action Cost: ${stats.actionCost.toFixed(1)}`, `Total Strike Force: ${stats.totalStrikeForce.toFixed(1)}`, `Defense: ${(stats.defense * 100).toFixed(1)}%`, `Piercing: ${(stats.piercing * 100).toFixed(1)}%`, `Slashing: ${(stats.slashing * 100).toFixed(1)}%`, `Blunt: ${(stats.blunt * 100).toFixed(1)}%` ].join('\n'); this.statsTextObject = this.add.text(400, 500, statsText, { fontSize: '16px', fill: '#fff', align: 'center' }).setOrigin(0.5); } displayWeaponDatabase() { this.databaseContainer.removeAll(true); const background = this.add.rectangle(400, 300, 800, 600, 0x000000, 0.8); this.databaseContainer.add(background); const title = this.add.text(400, 30, 'Weapon Database', { fontSize: '32px', fill: '#fff' }).setOrigin(0.5); this.databaseContainer.add(title); const weapons = this.weaponDatabase.getAllWeapons(); const startY = 100; const spacing = 150; if (weapons.length === 0) { const noWeaponsText = this.add.text(400, 300, 'No weapons in database', { fontSize: '24px', fill: '#fff' }).setOrigin(0.5); this.databaseContainer.add(noWeaponsText); } else { weapons.forEach((weapon, index) => { const x = 100 + (index % 2) * 400; const y = startY + Math.floor(index / 2) * spacing; // Display weapon image const weaponImage = this.add.image(x, y, `weapon_${weapon.id}`).setOrigin(0, 0.5); weaponImage.setScale(0.2); this.databaseContainer.add(weaponImage); // Display weapon info const weaponInfo = this.add.text(x + 100, y - 60, `ID: ${weapon.id}\nType: ${weapon.shaftType}\nCreated: ${new Date(weapon.creationDate).toLocaleDateString()}`, { fontSize: '16px', fill: '#fff' }); this.databaseContainer.add(weaponInfo); // Display weapon stats const statsText = [ `Weight: ${weapon.stats.weight.toFixed(1)}`, `Action Cost: ${weapon.stats.actionCost.toFixed(1)}`, `Strike Force: ${weapon.stats.totalStrikeForce.toFixed(1)}`, `Piercing: ${(weapon.stats.piercing * 100).toFixed(1)}%`, `Slashing: ${(weapon.stats.slashing * 100).toFixed(1)}%`, `Blunt: ${(weapon.stats.blunt * 100).toFixed(1)}%` ].join('\n'); const statsDisplay = this.add.text(x + 100, y, statsText, { fontSize: '14px', fill: '#fff' }); this.databaseContainer.add(statsDisplay); // Make the weapon entry selectable const selectableArea = this.add.rectangle(x, y - 70, 380, 140, 0xffffff, 0.001) .setOrigin(0, 0) .setInteractive({ useHandCursor: true }) .on('pointerdown', () => { this.selectWeapon(weapon.id); }); this.databaseContainer.add(selectableArea); // Add highlight rectangle for selection const highlight = this.add.rectangle(x, y - 70, 380, 140, 0x00ff00, 0.3) .setOrigin(0, 0) .setVisible(false); this.databaseContainer.add(highlight); selectableArea.highlight = highlight; }); // Add remove button const removeButton = this.add.text(400, 550, 'Remove Selected Weapon', { fontSize: '24px', fill: '#ff0000', backgroundColor: '#000', padding: { x: 10, y: 5 } }) .setOrigin(0.5) .setInteractive({ useHandCursor: true }) .on('pointerdown', () => { this.clickSound.play(); this.removeSelectedWeapon(); }); this.databaseContainer.add(removeButton); } const closeButton = this.add.text(700, 550, 'Close Database', { fontSize: '24px', fill: '#fff', backgroundColor: '#000', padding: { x: 10, y: 5 } }) .setOrigin(0.5) .setInteractive({ useHandCursor: true }) .on('pointerdown', () => { this.clickSound.play(); this.databaseContainer.setVisible(false); }); this.databaseContainer.add(closeButton); this.databaseContainer.setVisible(true); // Preload weapon images weapons.forEach(weapon => { if (!this.textures.exists(`weapon_${weapon.id}`)) { this.textures.addBase64(`weapon_${weapon.id}`, weapon.imageData); } }); } selectWeapon(weaponId) { this.selectedWeaponId = weaponId; this.databaseContainer.list.forEach(item => { if (item instanceof Phaser.GameObjects.Rectangle && item.highlight) { item.highlight.setVisible(item.highlight.x === 100 + ((weaponId - 1) % 2) * 400 && item.highlight.y === 30 + Math.floor((weaponId - 1) / 2) * 150); } }); } removeSelectedWeapon() { if (this.selectedWeaponId) { this.weaponDatabase.removeWeapon(this.selectedWeaponId); this.selectedWeaponId = null; this.displayWeaponDatabase(); // Refresh the display } else { console.log('No weapon selected for removal'); } } keepWeapon() { console.log('Keeping weapon (to be implemented: add to player\'s Gear menu)'); this.scene.start('IntermissionScene', { playerAttrs: this.playerAttrs, playerSprite: this.playerSprite, action: 'keep' }); } sellWeapon() { console.log('Selling weapon (to be implemented: add value to player\'s Gold)'); this.scene.start('IntermissionScene', { playerAttrs: this.playerAttrs, playerSprite: this.playerSprite, action: 'sell' }); } removeWeaponDisplay() { // Remove the weapon image, stats, and buttons if (this.weaponImage) this.weaponImage.destroy(); if (this.weaponTypeText) this.weaponTypeText.destroy(); if (this.statsTextObject) this.statsTextObject.destroy(); if (this.keepButton) this.keepButton.destroy(); if (this.sellButton) this.sellButton.destroy(); // Reset the weaponData this.weaponData = null; // Refresh the scene this.scene.restart(); } shutdown() { if (this.townAmbientSound) { this.townAmbientSound.stop(); } this.weaponDatabase = new WeaponDatabase(); this.selectedWeaponId = null; this.registry.set('weaponData', null); } } class IntermissionScene extends Phaser.Scene { constructor() { super('IntermissionScene'); } init(data) { this.playerAttrs = data.playerAttrs; this.playerSprite = data.playerSprite; this.action = data.action; } create() { // Clear the weapon data this.registry.set('weaponData', null); // This scene will be empty and only visible for a fraction of a second this.time.delayedCall(0, () => { this.scene.start('WeaponSmithScene', { playerAttrs: this.playerAttrs, playerSprite: this.playerSprite, }); }); } } // the following class is complete // this scene is for designing the basic shape of the weapon with squares that can be altered in the forge scene class DesignWeaponScene extends Phaser.Scene { constructor() { super('DesignWeaponScene'); this.currentWeapon = { shaft: null, materials: [] }; this.weaponElements = []; this.categoryOptions = []; this.subCategoryOptions = []; this.lastOpenedList = null; this.segmentSize = 40; this.gridWidth = 10; this.gridHeight = 5; this.selectedSegment = null; this.rowShadow = null; this.occupiedCells = {}; this.isDragging = false; this.deleteZone = null; this.tooltip = null; this.tooltipTimer = null; this.weightTexts = []; this.selectedShaftMaterial = []; this.availableSnapShadow = null; } init(data) { this.playerAttrs = data.playerAttrs; this.playerSprite = data.playerSprite; // Clear any existing weapon data this.currentWeapon = { shaft: null, materials: [] }; this.weaponElements = []; this.occupiedCells = {}; } preload() { this.load.image('DesignBackground', 'https://play.rosebud.ai/assets/Design_Background.png?Z0d5'); this.load.audio('clickSound', 'https://play.rosebud.ai/assets/mouse-click.mp3?zUoe'); this.load.audio('townAmbient', 'https://play.rosebud.ai/assets/town_ambient.mp3?T37Q'); } create() { this.add.image(400, 300, 'DesignBackground'); this.add.text(400, 50, 'Weapon Segments', { fontSize: '32px', fill: '#fff' }).setOrigin(0.5); this.createWeaponGrid(); this.createUI(); this.createAudio(); this.setupEventListeners(); this.createDeleteZone(); this.createTooltip(); this.createAvailableSnapShadow(); } createWeaponGrid() { const graphics = this.add.graphics(); graphics.lineStyle(1, 0xffffff, 0.2); const canvasWidth = this.gridWidth * this.segmentSize; const canvasHeight = this.gridHeight * this.segmentSize; this.canvasX = (800 - canvasWidth) / 2; this.canvasY = (600 - canvasHeight) / 2; graphics.fillStyle(0x000000, 0.8); graphics.fillRect(this.canvasX - 5, this.canvasY - 5, canvasWidth + 10, canvasHeight + 10); for (let i = 0; i <= this.gridWidth; i++) { graphics.moveTo(this.canvasX + i * this.segmentSize, this.canvasY); graphics.lineTo(this.canvasX + i * this.segmentSize, this.canvasY + canvasHeight); } for (let i = 0; i <= this.gridHeight; i++) { graphics.moveTo(this.canvasX, this.canvasY + i * this.segmentSize); graphics.lineTo(this.canvasX + canvasWidth, this.canvasY + i * this.segmentSize); } graphics.strokePath(); graphics.lineStyle(2, 0xffffff, 0.5); graphics.strokeRect(this.canvasX, this.canvasY, canvasWidth, canvasHeight); this.rowShadow = this.add.rectangle( this.canvasX, this.canvasY + this.segmentSize * 2, canvasWidth, this.segmentSize, 0xffffff, 0.2, ); this.rowShadow.setOrigin(0, 0); this.rowShadow.setVisible(false); } createUI() { this.createSegmentMenu(); this.createStatsDisplay(); this.createClearButton(); this.createBackButton(); this.createTakeToForgeButton(); } createSegmentMenu() { const categories = ['Shafts', 'Materials']; const startY = 100; const spacing = 50; categories.forEach((category, index) => { const x = 50; const y = startY + index * spacing; this.add .text(x, y, category, { fontSize: '24px', fill: '#fff', fontStyle: 'bold' }) .setOrigin(0) .setInteractive() .on('pointerdown', () => { this.clickSound.play(); this.expandCategory(category, x, y + 30); }); }); } expandCategory(category, x, y) { this.clearPreviousOptions(); const options = this.getCategoryOptions(category); if (options && options.length > 0) { options.forEach((option, index) => { let optionX = x; let optionY = y + index * 30; if (category === 'Shafts') { optionX = x + 150; optionY = y - 30 + index * 30; } const optionText = this.add .text(optionX, optionY, option.name, { fontSize: '20px', fill: '#fff' }) .setOrigin(0) .setInteractive() .on('pointerdown', () => { this.clickSound.play(); if (category === 'Shafts') { this.expandSubCategory(option.options, optionX + 150, y - 30); } else { this.createSegment(option); this.clearSubCategoryOptions(); } }) .on('pointerover', () => { if (option.description) { this.showTooltip(option.description, this.input.activePointer); } }) .on('pointerout', () => { this.hideTooltip(); }); this.categoryOptions.push(optionText); }); } this.lastOpenedList = 'category'; } expandSubCategory(options, x, y) { this.clearSubCategoryOptions(); if (options && options.length > 0) { options.forEach((option, index) => { const optionText = this.add .text(x, y + index * 30, option.name, { fontSize: '18px', fill: '#fff' }) .setOrigin(0) .setInteractive() .on('pointerdown', () => { this.clickSound.play(); this.createSegment({ ...option, category: 'Shafts' }); this.clearSubCategoryOptions(); }) .on('pointerover', () => { if (option.description) { this.showTooltip(option.description, this.input.activePointer); } }) .on('pointerout', () => { this.hideTooltip(); }); this.subCategoryOptions.push(optionText); }); } this.lastOpenedList = 'subCategory'; } clearPreviousOptions() { this.categoryOptions.forEach((option) => option.destroy()); this.categoryOptions = []; this.clearSubCategoryOptions(); } clearSubCategoryOptions() { this.subCategoryOptions.forEach((option) => option.destroy()); this.subCategoryOptions = []; } getCategoryOptions(category) { const options = { Shafts: [ { name: 'Handles', options: [ { name: 'Short Handle', type: 'handle', segments: 1, weight: 0.5, description: 'Short handle for close combat', }, { name: 'Medium Handle', type: 'handle', segments: 2, weight: 1.0, description: 'Balanced handle for versatile use', }, { name: 'Long Handle', type: 'handle', segments: 3, weight: 1.5, description: 'Long handle for extended reach', }, ], }, { name: 'Hafts', options: [ { name: 'Short Haft', type: 'haft', segments: 4, weight: 2.0, description: 'Short haft for agile weapons', }, { name: 'Medium Haft', type: 'haft', segments: 5, weight: 2.5, description: 'Medium haft for balanced weapons', }, { name: 'Long Haft', type: 'haft', segments: 6, weight: 3.0, description: 'Long haft for heavy weapons', }, ], }, { name: 'Poles', options: [ { name: 'Short Pole', type: 'pole', segments: 7, weight: 3.5, description: 'Short pole for polearms', }, { name: 'Medium Pole', type: 'pole', segments: 8, weight: 4.0, description: 'Medium pole for versatile polearms', }, { name: 'Long Pole', type: 'pole', segments: 9, weight: 4.5, description: 'Long pole for reach weapons', }, ], }, ], Materials: [ { name: 'Wood', type: 'Wood', category: 'Materials', color: 0x5E3511, weight: 0.5, description: 'Lightweight and flexible', piercing: 0.5, slashing: 0.5, blunt: 0.5, }, { name: 'Bronze', type: 'Bronze', category: 'Materials', color: 0xcd7f32, weight: 1.2, description: 'Lightweight and durable', piercing: 0.6, slashing: 0.6, blunt: 0.6, }, { name: 'Iron', type: 'Iron', category: 'Materials', color: 0x434343, weight: 1.0, description: 'Sturdy and reliable', piercing: 0.8, slashing: 0.8, blunt: 0.8, }, { name: 'Steel', type: 'Steel', category: 'Materials', color: 0xc0c0c0, weight: 0.8, description: 'Heavy and extremely durable', piercing: 1.0, slashing: 1.0, blunt: 1.0, }, ], }; return options[category] || []; } createSegment(option) { let segment; const centerX = this.input.activePointer.x; const centerY = this.input.activePointer.y; if (option.category === 'Shafts') { segment = this.add .rectangle(centerX, centerY, option.segments * this.segmentSize, this.segmentSize, 0x5E3511) .setOrigin(0.5, 0.5); } else { segment = this.add .rectangle(centerX, centerY, this.segmentSize, this.segmentSize, option.color) .setOrigin(0.5, 0.5); } segment .setInteractive({ draggable: true }) .setData('type', option.type) .setData('category', option.category) .setData('segments', option.segments || 1) .setData('weight', option.weight) .setData('description', option.description || '') .setData('piercing', option.piercing || 0) .setData('slashing', option.slashing || 0) .setData('blunt', option.blunt || 0) .setData('material', option.material); this.setupSegmentEvents(segment); this.weaponElements.push(segment); this.updateWeapon(segment); this.updateStatsDisplay(); this.selectedSegment = segment; if (segment.getData('category') === 'Shafts') { this.rowShadow.setVisible(true); } this.updateWeightText(segment); } setupSegmentEvents(segment) { segment.on('dragstart', (pointer, dragX, dragY) => { this.isDragging = true; this.selectedSegment = segment; this.deleteZone.setVisible(true); if (segment.getData('category') === 'Shafts') { this.rowShadow.setVisible(true); } }); segment.on('drag', (pointer, dragX, dragY) => { segment.x = dragX; segment.y = dragY; this.updateWeightText(segment); this.updateAvailableSnapShadow(segment); }); segment.on('dragend', () => { this.isDragging = false; this.deleteZone.setVisible(false); this.handleSegmentPlacement(segment); this.availableSnapShadow.clear(); }); } updateWeightText(segment) { if (segment.weightText) { segment.weightText.destroy(); } const weight = segment.getData('weight'); if (typeof weight === 'number') { segment.weightText = this.add .text(segment.x, segment.y, weight.toFixed(1), { fontSize: '16px', fill: '#ffffff', stroke: '#000000', strokeThickness: 3, }) .setOrigin(0.5); this.weightTexts.push(segment.weightText); } } updateWeapon(segment) { const category = segment.getData('category'); if (category === 'Shafts') { if (this.currentWeapon.shaft) { this.currentWeapon.shaft.destroy(); this.weaponElements = this.weaponElements.filter((element) => element !== this.currentWeapon.shaft); } this.currentWeapon.shaft = segment; this.resetGrid(); } else if (category === 'Materials') { this.currentWeapon.materials.push(segment); } this.updateTakeToForgeButton(); } resetGrid() { this.occupiedCells = {}; this.weaponElements.forEach((element) => { if (element !== this.currentWeapon.shaft) { element.destroy(); if (element.weightText) { element.weightText.destroy(); } } }); this.weaponElements = [this.currentWeapon.shaft]; this.currentWeapon.materials = []; this.updateStatsDisplay(); this.updateTakeToForgeButton(); this.weightTexts.forEach((text) => text.destroy()); this.weightTexts = []; this.updateWeightText(this.currentWeapon.shaft); } createStatsDisplay() { this.statsText = this.add.text(20, 450, 'Weapon Stats:', { fontSize: '18px', fill: '#ffffff', backgroundColor: '#000000', padding: { x: 5, y: 5 }, }); this.updateStatsDisplay(); } updateStatsDisplay() { let stats = 'Weapon Stats:\n'; const totalWeight = this.calculateWeaponWeight(); const leverageBonus = this.calculateLeverageBonus(); const totalStrikeForce = totalWeight + leverageBonus; stats += `Total Weight: ${totalWeight.toFixed(1)}\n`; stats += `Action Cost: ${totalWeight.toFixed(1)}\n`; stats += `Base Strike Force: ${totalWeight.toFixed(1)}\n`; stats += `Leverage Bonus: ${leverageBonus.toFixed(1)} (${((leverageBonus / totalWeight) * 100).toFixed(1)}%)\n`; stats += `Total Strike Force: ${totalStrikeForce.toFixed(1)}\n`; const { piercing, slashing, blunt } = this.calculateWeaponDamageTypes(); stats += `Piercing: ${(piercing * 100).toFixed(0)}%\n`; stats += `Slashing: ${(slashing * 100).toFixed(0)}%\n`; stats += `Blunt: ${(blunt * 100).toFixed(0)}%`; this.statsText.setText(stats); } calculateWeaponWeight() { return this.weaponElements.reduce((total, element) => { const weight = element.getData('weight'); return total + (typeof weight === 'number' ? weight : 0); }, 0); } calculateLeverageBonus() { const shaftLength = this.currentWeapon.shaft ? this.currentWeapon.shaft.getData('segments') : 0; const leveragePercentage = shaftLength * 10; const totalWeight = this.calculateWeaponWeight(); return (totalWeight * leveragePercentage) / 100; } calculateWeaponDamageTypes() { let piercing = 0; let slashing = 0; let blunt = 0; const materialTypes = new Set(); this.weaponElements.forEach((element) => { if (element.getData('category') === 'Materials') { const material = element.getData('type'); materialTypes.add(material); } }); materialTypes.forEach((material) => { const { piercing: p, slashing: s, blunt: b } = this.getMaterialDamageValues(material); piercing = Math.max(piercing, p); slashing = Math.max(slashing, s); blunt = Math.max(blunt, b); }); return { piercing, slashing, blunt }; } getMaterialDamageValues(material) { const values = { Wood: { piercing: 0.5, slashing: 0.5, blunt: 0.5 }, Bronze: { piercing: 0.6, slashing: 0.6, blunt: 0.6 }, Iron: { piercing: 0.8, slashing: 0.8, blunt: 0.8 }, Steel: { piercing: 1.0, slashing: 1.0, blunt: 1.0 }, }; return values[material] || { piercing: 0, slashing: 0, blunt: 0 }; } createClearButton() { this.add .text(700, 300, 'Clear Weapon', { fontSize: '22px', fill: '#FFFFFF' }) .setOrigin(0.5) .setInteractive() .on('pointerdown', () => { this.clickSound.play(); this.clearWeapon(); }); } clearWeapon() { this.weaponElements.forEach((element) => { element.destroy(); if (element.weightText) { element.weightText.destroy(); } }); this.weaponElements = []; this.currentWeapon = { shaft: null, materials: [] }; this.updateStatsDisplay(); this.selectedSegment = null; this.rowShadow.setVisible(false); this.occupiedCells = {}; this.updateTakeToForgeButton(); this.weightTexts.forEach((text) => text.destroy()); this.weightTexts = []; } createBackButton() { const backButton = this.add .text(750, 550, 'Back to\nWeapon Smith', { fontSize: '20px', fill: '#fff', align: 'center', backgroundColor: '#7F7F7F', padding: { x: 10, y: 5 }, }) .setOrigin(1, 1) .setInteractive() .on('pointerdown', () => { this.clickSound.play(); this.scene.start('WeaponSmithScene', { playerAttrs: this.playerAttrs, playerSprite: this.playerSprite, }); }); const bounds = backButton.getBounds(); const padding = 10; const background = this.add .rectangle( bounds.centerX, bounds.centerY, bounds.width + padding * 2, bounds.height + padding * 2, 0x000000, ) .setOrigin(0.5); background.setDepth(backButton.depth - 1); } handlePointerDown(pointer) { if (this.selectedSegment) { this.isDragging = true; this.deleteZone.setVisible(true); } else { const clickedSegment = this.weaponElements.find((segment) => Phaser.Geom.Rectangle.Contains(segment.getBounds(), pointer.x, pointer.y), ); if (clickedSegment) { this.selectedSegment = clickedSegment; if (this.selectedSegment.getData('category') === 'Shafts') { this.rowShadow.setVisible(true); } this.removeSegmentFromGrid(clickedSegment); } } } handlePointerUp(pointer) { if (this.isDragging && this.selectedSegment) { this.isDragging = false; this.deleteZone.setVisible(false); this.handleSegmentPlacement(this.selectedSegment); } } handleSegmentPlacement(segment) { const canvasX = (800 - this.gridWidth * this.segmentSize) / 2; const canvasY = (600 - this.gridHeight * this.segmentSize) / 2; const canvasWidth = this.gridWidth * this.segmentSize; const canvasHeight = this.gridHeight * this.segmentSize; if (Phaser.Geom.Rectangle.Contains(this.deleteZone.getBounds(), segment.x, segment.y)) { this.destroySegment(segment); } else if ( segment.x >= canvasX && segment.x <= canvasX + canvasWidth && segment.y >= canvasY && segment.y <= canvasY + canvasHeight ) { let snapX, snapY; if (segment.getData('category') === 'Shafts') { const segments = segment.getData('segments'); const centerSegmentIndex = Math.floor(segments / 2); snapX = Math.floor((segment.x - canvasX) / this.segmentSize) * this.segmentSize + canvasX; snapY = canvasY + this.segmentSize * 2; snapX -= centerSegmentIndex * this.segmentSize; if (snapX < canvasX) { snapX = canvasX; } else if (snapX + segments * this.segmentSize > canvasX + canvasWidth) { snapX = canvasX + canvasWidth - segments * this.segmentSize; } segment.setPosition(snapX + (segments * this.segmentSize) / 2, snapY + this.segmentSize / 2); this.resetGrid(); } else { snapX = Math.floor((segment.x - canvasX) / this.segmentSize) * this.segmentSize + canvasX; snapY = Math.floor((segment.y - canvasY) / this.segmentSize) * this.segmentSize + canvasY; if (this.canPlaceMaterial(snapX, snapY, segment)) { segment.setPosition(snapX + this.segmentSize / 2, snapY + this.segmentSize / 2); } else { this.destroySegment(segment); return; } } if (this.canPlaceSegment(snapX, snapY, segment)) { this.placeSegment(snapX, snapY, segment); this.selectedSegment = null; this.rowShadow.setVisible(false); } else { this.destroySegment(segment); return; } } else { this.destroySegment(segment); return; } this.updateWeightText(segment); this.updateStatsDisplay(); this.updateTakeToForgeButton(); this.availableSnapShadow.clear(); } canPlaceSegment(x, y, segment) { const segments = segment.getData('segments') || 1; const gridX = Math.floor((x - this.canvasX) / this.segmentSize); const gridY = Math.floor((y - this.canvasY) / this.segmentSize); for (let i = 0; i < segments; i++) { const cellKey = `${gridX + i},${gridY}`; if (this.occupiedCells[cellKey] && this.occupiedCells[cellKey] !== segment) { return false; } } return true; } canPlaceMaterial(x, y, segment) { const gridX = Math.floor((x - this.canvasX) / this.segmentSize); const gridY = Math.floor((y - this.canvasY) / this.segmentSize); const cellKey = `${gridX},${gridY}`; if (this.occupiedCells[cellKey] && this.occupiedCells[cellKey] !== segment) { return false; } if (this.currentWeapon.materials.length === 0 || this.currentWeapon.materials[0] === segment) { const adjacentCells = this.getAdjacentCells(gridX, gridY); return adjacentCells.some((cell) => { const [adjX, adjY] = cell.split(',').map(Number); return ( this.occupiedCells[cell] && this.occupiedCells[cell].getData('category') === 'Shafts' && adjX < gridX ); }); } else { const adjacentCells = this.getAdjacentCells(gridX, gridY); return adjacentCells.some((cell) => { const adjacentSegment = this.occupiedCells[cell]; return ( adjacentSegment && adjacentSegment.getData('category') === 'Materials' && adjacentSegment.getData('type') === segment.getData('type') ); }); } } getAdjacentCells(x, y) { return [`${x - 1},${y}`, `${x + 1},${y}`, `${x},${y - 1}`, `${x},${y + 1}`]; } destroySegment(segment) { if (!segment) return; this.weaponElements = this.weaponElements.filter((el) => el !== segment); const category = segment.getData('category'); if (category === 'Shafts') { this.currentWeapon.shaft = null; this.clearWeapon(); } else if (category === 'Materials') { this.currentWeapon.materials = this.currentWeapon.materials.filter((el) => el !== segment); } this.removeSegmentFromGrid(segment); if (segment.weightText) { segment.weightText.destroy(); } segment.destroy(); this.updateStatsDisplay(); this.updateTakeToForgeButton(); } moveSelectedSegment(pointer) { if (this.selectedSegment) { this.selectedSegment.setPosition(pointer.x, pointer.y); this.updateWeightText(this.selectedSegment); if (this.selectedSegment.getData('category') === 'Shafts') { this.updateShaftShadow(pointer.x, pointer.y); } else { this.updateAvailableSnapShadow(this.selectedSegment); } } } updateShaftShadow(x, y) { const canvasX = (800 - this.gridWidth * this.segmentSize) / 2; const canvasY = (600 - this.gridHeight * this.segmentSize) / 2; const canvasWidth = this.gridWidth * this.segmentSize; const canvasHeight = this.gridHeight * this.segmentSize; if (x >= canvasX && x <= canvasX + canvasWidth && y >= canvasY && y <= canvasY + canvasHeight) { const snapY = canvasY + this.segmentSize * 2; this.rowShadow.setPosition(canvasX, snapY); this.rowShadow.setVisible(true); } else { this.rowShadow.setVisible(false); } } updateAvailableSnapShadow(segment) { this.availableSnapShadow.clear(); if (segment.getData('category') === 'Materials') { const canvasX = (800 - this.gridWidth * this.segmentSize) / 2; const canvasY = (600 - this.gridHeight * this.segmentSize) / 2; const canvasWidth = this.gridWidth * this.segmentSize; const canvasHeight = this.gridHeight * this.segmentSize; for (let gridY = 0; gridY < this.gridHeight; gridY++) { for (let gridX = 0; gridX < this.gridWidth; gridX++) { const cellKey = `${gridX},${gridY}`; const cellX = canvasX + gridX * this.segmentSize; const cellY = canvasY + gridY * this.segmentSize; if (this.canPlaceMaterial(cellX, cellY, segment)) { this.availableSnapShadow.fillStyle(0xffff00, 0.3); this.availableSnapShadow.fillRect(cellX, cellY, this.segmentSize, this.segmentSize); } } } } } placeSegment(x, y, segment) { const gridX = Math.floor((x - (400 - (this.gridWidth * this.segmentSize) / 2)) / this.segmentSize); const gridY = Math.floor((y - (300 - (this.gridHeight * this.segmentSize) / 2)) / this.segmentSize); const segments = segment.getData('segments') || 1; for (let i = 0; i < segments; i++) { const cellKey = `${gridX + i},${gridY}`; this.occupiedCells[cellKey] = segment; } segment.setData('lastValidPosition', { x: segment.x, y: segment.y }); } removeSegmentFromGrid(segment) { Object.keys(this.occupiedCells).forEach((key) => { if (this.occupiedCells[key] === segment) { delete this.occupiedCells[key]; } }); } showTooltip(text, pointer) { this.tooltip.setText(text); this.tooltip.setPosition(pointer.x, pointer.y - 50); this.tooltip.setVisible(true); } hideTooltip() { this.tooltip.setVisible(false); } createDeleteZone() { const zoneSize = this.segmentSize * 3; const zoneX = 400; const zoneY = 500; this.deleteZone = this.add.rectangle(zoneX, zoneY, zoneSize, zoneSize, 0x000000, 0.1); this.deleteZone.setStrokeStyle(2, 0xffffff, 1); this.deleteZone.setOrigin(0.5); this.deleteZone.setVisible(true); const text = this.add.text(zoneX, zoneY, 'Scrap', { fontSize: '24px', fontStyle: 'bold', fill: '#ffffff', }); text.setOrigin(0.5); text.setVisible(true); this.deleteZone.text = text; } createTakeToForgeButton() { this.takeToForgeButton = this.add .text(660, 450, 'Forge Weapon', { fontSize: '24px', fill: '#fff', backgroundColor: '#7F7F7F', padding: { x: 10, y: 5 }, }) .setOrigin(0.5) .setInteractive() .on('pointerdown', () => { this.clickSound.play(); this.goToForge(); }); this.takeToForgeButton.setVisible(false); } goToForge() { const weaponDesign = this.createLockedWeaponDesign(); this.scene.start('ForgeScene', { playerAttrs: this.playerAttrs, playerSprite: this.playerSprite, weaponDesign: weaponDesign, }); } createLockedWeaponDesign() { const design = []; for (let y = 0; y < this.gridHeight; y++) { for (let x = 0; x < this.gridWidth; x++) { const cellKey = `${x},${y}`; if (this.occupiedCells[cellKey]) { const cell = this.occupiedCells[cellKey]; design.push({ x: x, y: y, type: cell.getData('type'), category: cell.getData('category'), material: cell.getData('material'), color: cell.fillColor, weight: cell.getData('weight'), piercing: cell.getData('piercing'), slashing: cell.getData('slashing'), blunt: cell.getData('blunt'), pixels: cell.getData('pixels') || Array(20) .fill() .map(() => Array(20).fill(true)), }); } } } return design; } updateTakeToForgeButton() { const hasShaft = this.currentWeapon.shaft !== null; const hasMaterials = this.currentWeapon.materials.length > 0; if (hasShaft && hasMaterials) { this.takeToForgeButton.setVisible(true); } else { this.takeToForgeButton.setVisible(false); } } createAudio() { this.clickSound = this.sound.add('clickSound'); } setupEventListeners() { this.input.on('pointerdown', this.handlePointerDown, this); this.input.on('pointermove', this.moveSelectedSegment, this); this.input.on('pointerup', this.handlePointerUp, this); } createTooltip() { this.tooltip = this.add.text(0, 0, '', { fontSize: '16px', fill: '#ffffff', backgroundColor: '#000000', padding: { x: 5, y: 5 }, wordWrap: { width: 200 }, }); this.tooltip.setVisible(false); } createAvailableSnapShadow() { this.availableSnapShadow = this.add.graphics(); } shutdown() { this.currentWeapon = { shaft: null, materials: [] }; this.weaponElements = []; this.categoryOptions = []; this.subCategoryOptions = []; this.lastOpenedList = null; this.segmentSize = 40; this.gridWidth = 10; this.gridHeight = 5; this.selectedSegment = null; this.rowShadow = null; this.occupiedCells = {}; this.isDragging = false; this.deleteZone = null; this.tooltip = null; this.tooltipTimer = null; this.weightTexts = []; this.selectedShaftMaterial = null; this.availableSnapShadow = null; } } // the following class is complete // this scene is for shaping the weapon which effects its stats and appearance by removing pixels class ForgeScene extends Phaser.Scene { constructor() { super('ForgeScene'); this.cellSize = 60; this.pixelSize = 3; this.gridWidth = 10; this.gridHeight = 5; this.weaponElements = []; this.currentTool = null; this.undoStack = []; this.redoStack = []; this.hammerSettings = { shape: 'square', size: 5, length: 1, width: 1, rotation: 0, }; this.isMaskOn = false; this.isMirrorOn = false; this.isRefining = false; } init(data) { this.playerAttrs = data.playerAttrs; this.playerSprite = data.playerSprite; this.weaponDesign = data.weaponDesign; // Clear any existing weapon data this.registry.set('forgedWeapon', null); } preload() { this.load.audio('anvilSound', 'https://play.rosebud.ai/assets/strike_clash.mp3?zQaR'); this.load.audio('forgeAmbience', 'https://play.rosebud.ai/assets/Blacksmith.mp3?pMBh'); this.load.image('hammer', 'https://play.rosebud.ai/assets/a grey hammer icon.png?syFX'); this.load.image('arrow', 'https://play.rosebud.ai/assets/Arrow.2.png?ivzw'); this.load.image('forgeBackground', 'https://play.rosebud.ai/assets/Forge_Background.png?miiz'); } create() { this.add.image(400, 300, 'forgeBackground'); this.createWeaponGrid(); this.createUI(); this.setupAudio(); this.setupEventListeners(); this.createGraphics(); // Create a container for all weapon-related graphics this.weaponContainer = this.add.container(0, 0); this.weaponContainer.add(this.weaponGraphics); this.weaponContainer.add(this.hammerCursor); this.weaponContainer.add(this.highlightGraphics); // Add the center line this.addCenterLine(); // Move the hammer menu to the top layer if (this.hammerMenu) { this.children.bringToTop(this.hammerMenu); } } createWeaponGrid() { const canvasWidth = this.gridWidth * this.cellSize; const canvasHeight = this.gridHeight * this.cellSize; this.canvasX = (800 - canvasWidth) / 2; this.canvasY = (600 - canvasHeight) / 2; this.add .graphics() .fillStyle(0x000000, 0.95) .fillRect(this.canvasX - 5, this.canvasY - 5, canvasWidth + 10, canvasHeight + 10) .lineStyle(2, 0xffffff, 0.5) .strokeRect(this.canvasX, this.canvasY, canvasWidth, canvasHeight); this.weaponGrid = Array(this.gridHeight) .fill() .map(() => Array(this.gridWidth) .fill() .map(() => ({ type: null, category: null, material: null, color: null, weight: 0, piercing: 0, slashing: 0, blunt: 0, pixels: Array(20) .fill() .map(() => Array(20).fill(false)), masked: Array(20) .fill() .map(() => Array(20).fill(false)), })), ); this.populateWeaponGrid(); } addCenterLine() { const centerY = this.canvasY + (this.gridHeight * this.cellSize) / 2; const lineGraphics = this.add.graphics(); lineGraphics.lineStyle(1, 0x00ff00, 0.3); // 1 pixel wide, green color, 30% opacity lineGraphics.beginPath(); lineGraphics.moveTo(this.canvasX, centerY); lineGraphics.lineTo(this.canvasX + this.gridWidth * this.cellSize, centerY); lineGraphics.closePath(); lineGraphics.strokePath(); } populateWeaponGrid() { this.weaponDesign.forEach((cell) => { if (cell && cell.x >= 0 && cell.x < this.gridWidth && cell.y >= 0 && cell.y < this.gridHeight) { Object.assign(this.weaponGrid[cell.y][cell.x], { type: cell.type, category: cell.category, material: cell.material || (['handle', 'haft', 'pole'].includes(cell.type) ? 'Wood' : cell.type), color: cell.color, weight: cell.weight || 0, piercing: cell.piercing || 0, slashing: cell.slashing || 0, blunt: cell.blunt || 0, pixels: cell.pixels || Array(20) .fill() .map(() => Array(20).fill(true)), masked: cell.masked || Array(20) .fill() .map(() => Array(20).fill(false)), }); } }); } createUI() { this.createForgeTools(); this.createNavigationButtons(); this.createUndoRedoButtons(); this.createWeaponStatsDisplay(); this.createHammerMenu(); } createForgeTools() { this.createToolButton('Hammer', 650, 60); } createToolButton(name, x, y) { const background = this.add .graphics() .fillStyle(0x808080, 0.8) .fillRoundedRect(x - 60, y - 30, 120, 80, 10); const button = this.add.image(x, y, name.toLowerCase()).setInteractive().setScale(0.15); this.add.text(x, y + 40, name, { fontSize: '30px', fill: '0xCD7F32' }).setOrigin(0.5); button.on('pointerdown', () => this.selectTool(name)); } createNavigationButtons() { this.createNavButton('Back to Design', 100, 550, () => this.scene.start('DesignWeaponScene', { playerAttrs: this.playerAttrs, playerSprite: this.playerSprite }), ); this.createNavButton('Refine Weapon', 700, 550, () => this.goToRefiningWorkshop()); } createNavButton(text, x, y, callback) { this.add .graphics() .fillStyle(0x808080, 0.8) .fillRoundedRect(x - 100, y - 20, 200, 40, 10); this.add .text(x, y, text, { fontSize: '24px', fill: '#fff' }) .setOrigin(0.5) .setInteractive() .on('pointerdown', callback); } createUndoRedoButtons() { ['Undo', 'Redo'].forEach((action, index) => { this.add .graphics() .fillStyle(0x808080, 0.8) .fillRoundedRect(250 + index * 180, 530, 100, 45, 10); this.add .text(300 + index * 180, 550, action, { fontSize: '20px', fill: '#fff' }) .setOrigin(0.5) .setInteractive() .on('pointerdown', () => this[action.toLowerCase()]()); }); } createWeaponStatsDisplay() { this.statsText = this.add.text(10, 10, '', { fontSize: '16px', fill: '#ffffff', align: 'left' }); this.updateStatsDisplay(); } createHammerMenu() { this.hammerMenu = this.add.container(600, 100).setVisible(false); const background = this.add.rectangle(0, 0, 350, 230, 0x383838, 0.95); this.hammerMenu.add(background); const createArrow = (x, y, angle, callback) => { return this.add .image(x, y, 'arrow') .setScale(1 / 8) .setAngle(angle) .setInteractive() .on('pointerdown', callback); }; const createText = (x, y, text, origin = 0.5) => { return this.add.text(x, y, text, { fontSize: '18px', fill: '#fff' }).setOrigin(origin); }; const closeButton = this.add .text(125, -60, 'X', { fontSize: '24px', fill: '#fff', backgroundColor: '#ff0000', padding: { x: 10, y: 5 }, }) .setOrigin(0.5) .setInteractive() .on('pointerdown', () => this.hammerMenu.setVisible(false)); this.hammerMenu.add([ closeButton, createArrow(-80, -50, 180, () => this.cycleHammerShape(-1)), createArrow(80, -50, 0, () => this.cycleHammerShape(1)), (this.shapeText = createText(0, -90, '')), (this.shapePreview = this.add.graphics({ x: 0, y: -50 })), createText(-140, -20, 'Size:', 0), createArrow(-50, -20, 180, () => this.adjustHammerSetting('size', -1)), createArrow(50, -20, 0, () => this.adjustHammerSetting('size', 1)), (this.sizeText = createText(0, -20, this.hammerSettings.size.toString())), createText(-140, 20, 'Length:', 0), createArrow(-50, 20, 180, () => this.adjustHammerSetting('length', -0.1)), createArrow(50, 20, 0, () => this.adjustHammerSetting('length', 0.1)), (this.lengthText = createText(0, 20, this.hammerSettings.length.toFixed(1))), createText(-140, 60, 'Width:', 0), createArrow(-50, 60, 180, () => this.adjustHammerSetting('width', -0.1)), createArrow(50, 60, 0, () => this.adjustHammerSetting('width', 0.1)), (this.widthText = createText(0, 60, this.hammerSettings.width.toFixed(1))), this.add .text(120, -20, 'Rotate', { fontSize: '18px', fill: '#fff', backgroundColor: '#333', padding: { x: 5, y: 2 }, }) .setOrigin(0.5) .setInteractive() .on('pointerdown', () => this.rotateHammerShape()), createArrow(100, 10, 180, () => this.rotateHammerShape(-5.625)), createArrow(130, 10, 0, () => this.rotateHammerShape(5.625)), (this.maskButton = this.add .text(-70, 100, 'Mask: OFF', { fontSize: '18px', fill: '#fff', backgroundColor: '#9C9400', padding: { x: 5, y: 2 }, }) .setOrigin(0.5) .setInteractive() .on('pointerdown', () => this.toggleMask())), this.add .text(70, 100, 'Remove Mask', { fontSize: '18px', fill: '#fff', backgroundColor: '#9C5E28', padding: { x: 5, y: 2 }, }) .setOrigin(0.5) .setInteractive() .on('pointerdown', () => this.removeMask()), (this.mirrorButton = this.add .text(120, 60, 'Mirror\nOFF', { fontSize: '18px', fill: '#fff', backgroundColor: '#2B6620', padding: { x: 5, y: 2 }, align: 'center', }) .setOrigin(0.5) .setInteractive() .on('pointerdown', () => this.toggleMirror())), ]); this.updateHammerShape(); // Bring the hammer menu to the top this.children.bringToTop(this.hammerMenu); } setupAudio() { this.forgeSounds = { anvil: this.sound.add('anvilSound'), ambience: this.sound.add('forgeAmbience', { loop: true, volume: 0.5 }), }; this.forgeSounds.ambience.play(); } setupEventListeners() { this.input.on('pointerdown', this.handlePointerDown, this); this.input.on('pointermove', this.handlePointerMove, this); this.input.on('pointerup', this.handlePointerUp, this); this.events.on('shutdown', () => this.forgeSounds.ambience.stop()); } createGraphics() { this.weaponGraphics = this.add.graphics(); this.hammerCursor = this.add.graphics(); this.highlightGraphics = this.add.graphics(); this.drawWeapon(); } selectTool(name) { this.currentTool = name; this.drawWeapon(); name === 'Hammer' ? this.hammerMenu.setVisible(true) : this.hammerMenu.setVisible(false); // Ensure the hammer menu is on top when it becomes visible if (name === 'Hammer') { this.children.bringToTop(this.hammerMenu); } } cycleHammerShape(direction) { const shapes = ['square', 'circle', 'triangle']; const currentIndex = shapes.indexOf(this.hammerSettings.shape); const newIndex = (currentIndex + direction + shapes.length) % shapes.length; this.hammerSettings.shape = shapes[newIndex]; this.updateHammerShape(); } adjustHammerSetting(setting, delta) { const limits = { size: [1, 20], length: [0.5, 5], width: [0.1, 5] }; this.hammerSettings[setting] = Phaser.Math.Clamp( this.hammerSettings[setting] + delta, limits[setting][0], limits[setting][1], ); this[`${setting}Text`].setText(this.hammerSettings[setting].toFixed(setting === 'size' ? 0 : 1)); this.updateHammerShape(); } rotateHammerShape(angle = 5.625) { this.hammerSettings.rotation = (this.hammerSettings.rotation + angle + 360) % 360; this.updateHammerShape(); } toggleMask() { this.isMaskOn = !this.isMaskOn; this.maskButton.setText(`Mask: ${this.isMaskOn ? 'ON' : 'OFF'}`); } removeMask() { this.weaponGrid.forEach((row) => row.forEach((cell) => { cell.masked = Array(20) .fill() .map(() => Array(20).fill(false)); }), ); this.drawWeapon(); } toggleMirror() { this.isMirrorOn = !this.isMirrorOn; this.mirrorButton.setText(this.isMirrorOn ? 'Mirror\nON' : 'Mirror\nOFF'); } updateHammerShape() { this.shapeText.setText(this.hammerSettings.shape); this.shapePreview.clear().fillStyle(0xffffff); const size = 30; const length = size * this.hammerSettings.length; const width = size * this.hammerSettings.width; this.shapePreview.save(); this.shapePreview.translateCanvas(0, 0); this.shapePreview.rotateCanvas(Phaser.Math.DegToRad(this.hammerSettings.rotation)); switch (this.hammerSettings.shape) { case 'square': this.shapePreview.fillRect(-width / 2, -length / 2, width, length); break; case 'circle': this.shapePreview.fillEllipse(0, 0, width, length); break; case 'triangle': this.shapePreview.fillTriangle(0, -length / 2, -width / 2, length / 2, width / 2, length / 2); break; } this.shapePreview.restore(); } handlePointerDown(pointer) { if (this.currentTool && !this.isPointerOverHammerMenu(pointer)) { this.isRefining = true; this.useHammer(pointer); this.saveState(); } } handlePointerMove(pointer) { if (this.isRefining && this.currentTool === 'Hammer' && !this.isPointerOverHammerMenu(pointer)) { this.useHammer(pointer); } this.updateHammerCursor(pointer); } handlePointerUp() { this.isRefining = false; this.drawWeapon(); } isPointerOverHammerMenu(pointer) { if (this.hammerMenu.visible) { const menuBounds = this.hammerMenu.getBounds(); return menuBounds.contains(pointer.x, pointer.y); } return false; } useHammer(pointer) { if (this.currentTool !== 'Hammer') return; const size = this.hammerSettings.size * this.pixelSize * 1.5; const length = size * this.hammerSettings.length; const width = size * this.hammerSettings.width; this.weaponGrid.forEach((row, y) => row.forEach((cell, x) => { if (cell.type) { cell.pixels.forEach((row, py) => row.forEach((pixel, px) => { const pixelX = this.canvasX + x * this.cellSize + px * this.pixelSize; const pixelY = this.canvasY + y * this.cellSize + py * this.pixelSize; const relativeX = pixelX + this.pixelSize / 2 - pointer.x; const relativeY = pixelY + this.pixelSize / 2 - pointer.y; if (this.isPixelInShape(relativeX, relativeY, width, length)) { if (this.isMaskOn) { cell.masked[py][px] = true; } else if (!cell.masked[py][px]) { if (['handle', 'haft', 'pole'].includes(cell.type)) { const removablePixelsTop = Math.floor(20 * 0.34); const removablePixelsBottom = Math.floor(20 * 0.34); if (py < removablePixelsTop || py >= 20 - removablePixelsBottom) { cell.pixels[py][px] = false; } } else { cell.pixels[py][px] = false; } } if (this.isMirrorOn) { const mirrorY = this.gridHeight - 1 - y; const mirrorCell = this.weaponGrid[mirrorY][x]; if (mirrorCell.type) { if (this.isMaskOn) { mirrorCell.masked[19 - py][px] = true; } else if (!mirrorCell.masked[19 - py][px]) { if (['handle', 'haft', 'pole'].includes(mirrorCell.type)) { const removablePixelsTop = Math.floor(20 * 0.25); const removablePixelsBottom = Math.floor(20 * 0.25); if ( 19 - py < removablePixelsTop || 19 - py >= 20 - removablePixelsBottom ) { mirrorCell.pixels[19 - py][px] = false; } } else { mirrorCell.pixels[19 - py][px] = false; } } } } } }), ); } }), ); this.removeDisconnectedParts(); this.drawWeapon(); this.forgeSounds.anvil.play(); } isPixelInShape(x, y, width, length) { const rotatedX = x * Math.cos((-this.hammerSettings.rotation * Math.PI) / 180) - y * Math.sin((-this.hammerSettings.rotation * Math.PI) / 180); const rotatedY = x * Math.sin((-this.hammerSettings.rotation * Math.PI) / 180) + y * Math.cos((-this.hammerSettings.rotation * Math.PI) / 180); switch (this.hammerSettings.shape) { case 'square': return Math.abs(rotatedX) <= width / 2 && Math.abs(rotatedY) <= length / 2; case 'circle': return ( (rotatedX * rotatedX) / ((width / 2) * (width / 2)) + (rotatedY * rotatedY) / ((length / 2) * (length / 2)) <= 1 ); case 'triangle': const normalizedY = (rotatedY + length / 2) / length; return Math.abs(rotatedX) <= (width / 2) * normalizedY && normalizedY >= 0 && normalizedY <= 1; default: return false; } } removeDisconnectedParts() { const visited = Array(this.gridHeight) .fill() .map(() => Array(this.gridWidth) .fill() .map(() => Array(20) .fill() .map(() => Array(20).fill(false)), ), ); const shaftCell = this.findShaftCell(); if (shaftCell) { this.floodFillPixels(shaftCell.y, shaftCell.x, visited); this.removeDisconnectedPixels(visited); } } findShaftCell() { for (let y = 0; y < this.gridHeight; y++) { for (let x = 0; x < this.gridWidth; x++) { if (['handle', 'haft', 'pole'].includes(this.weaponGrid[y][x].type)) { return { x, y }; } } } return null; } floodFillPixels(startCellY, startCellX, visited) { const stack = [{ cellY: startCellY, cellX: startCellX, pixelY: 6, pixelX: 0 }]; const directions = [ [-1, 0], [1, 0], [0, -1], [0, 1], [-1, -1], [-1, 1], [1, -1], [1, 1], ]; while (stack.length > 0) { const { cellY, cellX, pixelY, pixelX } = stack.pop(); if ( cellY < 0 || cellY >= this.gridHeight || cellX < 0 || cellX >= this.gridWidth || pixelY < 0 || pixelY >= 20 || pixelX < 0 || pixelX >= 20 || visited[cellY][cellX][pixelY][pixelX] || !this.weaponGrid[cellY][cellX].type || !this.weaponGrid[cellY][cellX].pixels[pixelY][pixelX] ) { continue; } visited[cellY][cellX][pixelY][pixelX] = true; for (const [dy, dx] of directions) { let newCellY = cellY; let newCellX = cellX; let newPixelY = pixelY + dy; let newPixelX = pixelX + dx; if (newPixelY < 0) { newCellY--; newPixelY = 19; } if (newPixelY > 19) { newCellY++; newPixelY = 0; } if (newPixelX < 0) { newCellX--; newPixelX = 19; } if (newPixelX > 19) { newCellX++; newPixelX = 0; } stack.push({ cellY: newCellY, cellX: newCellX, pixelY: newPixelY, pixelX: newPixelX }); } } } removeDisconnectedPixels(visited) { this.weaponGrid.forEach((row, y) => row.forEach((cell, x) => { if (cell.type) { cell.pixels.forEach((row, py) => row.forEach((pixel, px) => { if (pixel && !visited[y][x][py][px]) { cell.pixels[py][px] = false; } }), ); if (cell.pixels.every((row) => row.every((pixel) => !pixel))) { cell.type = null; cell.material = null; } } }), ); } drawWeapon() { this.weaponGraphics.clear(); this.weaponGrid.forEach((row, y) => row.forEach((cell, x) => { if (cell.type) { const cellX = this.canvasX + x * this.cellSize; const cellY = this.canvasY + y * this.cellSize; cell.pixels.forEach((row, py) => row.forEach((pixel, px) => { if (pixel) { this.weaponGraphics.fillStyle(this.getCellColor(cell.type, cell.material)); this.weaponGraphics.fillRect( cellX + px * this.pixelSize, cellY + py * this.pixelSize, this.pixelSize, this.pixelSize, ); } if (cell.masked[py][px]) { this.weaponGraphics.fillStyle(0xffff00, 0.5); this.weaponGraphics.fillRect( cellX + px * this.pixelSize, cellY + py * this.pixelSize, this.pixelSize, this.pixelSize, ); } }), ); } }), ); this.updateStatsDisplay(); } getCellColor(type, material) { const materialColors = { Wood: 0x5E3511, Bronze: 0xcd7f32, Iron: 0x434343, Steel: 0xc0c0c0, }; const typeColors = { handle: 0x5E3511, haft: 0x5E3511, pole: 0x5E3511, edge: 0xff0000, face: 0x808080, tip: 0x8b4513, }; return material && materialColors[material] ? materialColors[material] : typeColors[type] || 0x888888; } updateHammerCursor(pointer) { this.hammerCursor.clear(); if (this.currentTool === 'Hammer' && !this.isPointerOverHammerMenu(pointer)) { this.hammerCursor.fillStyle(0xffffff, 0.5); const size = this.hammerSettings.size * this.pixelSize * 1.5; const length = size * this.hammerSettings.length; const width = size * this.hammerSettings.width; this.hammerCursor.save(); this.hammerCursor.translateCanvas(pointer.x, pointer.y); this.hammerCursor.rotateCanvas(Phaser.Math.DegToRad(this.hammerSettings.rotation)); switch (this.hammerSettings.shape) { case 'square': this.hammerCursor.fillRect(-width / 2, -length / 2, width, length); break; case 'circle': this.hammerCursor.fillEllipse(0, 0, width, length); break; case 'triangle': this.hammerCursor.fillTriangle(0, -length / 2, -width / 2, length / 2, width / 2, length / 2); break; } this.hammerCursor.restore(); this.highlightOverlappingPixels(pointer); } else { this.highlightGraphics.clear(); } } highlightOverlappingPixels(pointer) { this.highlightGraphics.clear().fillStyle(0xffff00, 0.5); const size = this.hammerSettings.size * this.pixelSize * 1.5; const length = size * this.hammerSettings.length; const width = size * this.hammerSettings.width; this.weaponGrid.forEach((row, y) => row.forEach((cell, x) => { if (cell.type) { cell.pixels.forEach((row, py) => row.forEach((pixel, px) => { const pixelX = this.canvasX + x * this.cellSize + px * this.pixelSize; const pixelY = this.canvasY + y * this.cellSize + py * this.pixelSize; const relativeX = pixelX + this.pixelSize / 2 - pointer.x; const relativeY = pixelY + this.pixelSize / 2 - pointer.y; if (this.isPixelInShape(relativeX, relativeY, width, length) && pixel) { this.highlightGraphics.fillRect(pixelX, pixelY, this.pixelSize, this.pixelSize); } }), ); } }), ); } saveState() { this.undoStack.push(JSON.parse(JSON.stringify(this.weaponGrid))); this.redoStack = []; } undo() { if (this.undoStack.length > 1) { this.redoStack.push(this.undoStack.pop()); this.weaponGrid = JSON.parse(JSON.stringify(this.undoStack[this.undoStack.length - 1])); this.drawWeapon(); } } redo() { if (this.redoStack.length > 0) { this.undoStack.push(JSON.parse(JSON.stringify(this.redoStack.pop()))); this.weaponGrid = JSON.parse(JSON.stringify(this.undoStack[this.undoStack.length - 1])); this.drawWeapon(); } } updateStatsDisplay() { const stats = this.calculateWeaponStats(); this.statsText.setText( [ 'Weapon Stats:', `Weight: ${stats.weight.toFixed(1)}`, `Action Cost: ${stats.actionCost.toFixed(1)}`, `Base Strike Force: ${stats.baseStrikeForce.toFixed(1)}`, `Leverage Bonus: ${stats.leverageBonus.toFixed(1)} (${((stats.leverageBonus / stats.baseStrikeForce) * 100).toFixed(1)}%)`, `Total Strike Force: ${stats.totalStrikeForce.toFixed(1)}`, `Piercing: ${(stats.piercing * 100).toFixed(0)}%`, `Slashing: ${(stats.slashing * 100).toFixed(0)}%`, `Blunt: ${(stats.blunt * 100).toFixed(0)}%`, ].join('\n'), ); } calculateWeaponStats() { let weight = 0; let piercing = 0; let slashing = 0; let blunt = 0; let shaftLength = 0; this.weaponGrid.forEach((row) => row.forEach((cell) => { if (cell.type) { const cellWeight = this.calculateCellWeight(cell); weight += cellWeight; piercing = Math.max(piercing, cell.piercing); slashing = Math.max(slashing, cell.slashing); blunt = Math.max(blunt, cell.blunt); if (['handle', 'haft', 'pole'].includes(cell.type)) { shaftLength++; } } }), ); const actionCost = weight; const baseStrikeForce = weight; const leverageBonus = (shaftLength * 10 * baseStrikeForce) / 100; const totalStrikeForce = baseStrikeForce + leverageBonus; return { weight, actionCost, piercing, slashing, blunt, baseStrikeForce, leverageBonus, totalStrikeForce }; } calculateCellWeight(cell) { const pixelCount = cell.pixels.flat().filter(Boolean).length; const cellArea = 20 * 20; const fillPercentage = pixelCount / cellArea; let baseWeight = cell.weight; if (['handle', 'haft', 'pole'].includes(cell.type)) { baseWeight = 0.5; } return baseWeight * fillPercentage; } goToRefiningWorkshop() { console.log('Going to Refining Workshop'); this.forgeSounds.ambience.stop(); const forgedWeaponData = { design: this.getWeaponDesign(), stats: this.calculateWeaponStats(), grid: this.weaponGrid, }; this.registry.set('forgedWeapon', forgedWeaponData); this.currentTool = null; this.hammerCursor.clear(); this.highlightGraphics.clear(); this.scene.start('RefiningWorkshopScene', { playerAttrs: this.playerAttrs, playerSprite: this.playerSprite, forgedWeapon: forgedWeaponData, }); } getWeaponDesign() { return this.weaponGrid.flatMap((row, y) => row .filter((cell) => cell.type) .map((cell, x) => ({ x, y, type: cell.type, category: cell.category, material: cell.material, color: cell.color, weight: cell.weight, piercing: cell.piercing, slashing: cell.slashing, blunt: cell.blunt, pixels: cell.pixels, masked: cell.masked, })), ); } shutdown() { if (this.forgeSounds.ambience) { this.forgeSounds.ambience.stop(); } this.cellSize = 60; this.pixelSize = 3; this.gridWidth = 10; this.gridHeight = 5; this.weaponElements = []; this.currentTool = null; this.undoStack = []; this.redoStack = []; this.hammerSettings = { shape: 'square', size: 5, length: 1, width: 1, rotation: 0, }; this.isMaskOn = false; this.isMirrorOn = false; this.isRefining = false; } } // the following class is complete //this scene is for refining the forged weapon, it is for adding damage values such as piercing, slashing and blunt class RefiningWorkshopScene extends Phaser.Scene { constructor() { super('RefiningWorkshopScene'); this.cellSize = 60; this.pixelSize = 3; this.gridWidth = 10; this.gridHeight = 5; this.weaponPixels = []; this.currentTool = null; this.toolSize = 4; this.refinableDepth = 5; this.refinementStats = { slashing: 0, blunt: 0, piercing: 0 }; this.pointyAreas = []; this.pointyAreaWidth = 5; this.edgeWidth = 5; this.spineWidth = 1; this.originalWeaponState = null; this.refinedWeaponState = null; this.initialWeaponState = null; } init(data) { this.playerAttrs = data.playerAttrs; this.playerSprite = data.playerSprite; this.forgedWeapon = data.forgedWeapon || { design: [], stats: {}, grid: [] }; this.originalWeaponState = JSON.parse(JSON.stringify(this.forgedWeapon)); this.refinedWeaponState = data.refinedWeaponState || null; this.initialWeaponState = JSON.parse(JSON.stringify(this.forgedWeapon)); console.log('Received forged weapon data:', this.forgedWeapon); // Reset refinement stats this.refinementStats = { slashing: 0, blunt: 0, piercing: 0 }; } preload() { this.load.audio('clickSound', 'https://play.rosebud.ai/assets/mouse-click.mp3?tSJu'); this.load.audio('refiningSound', 'https://play.rosebud.ai/assets/strike_clash.mp3?ibLc'); this.load.image('refiningBackground', 'https://play.rosebud.ai/assets/refiningworkshop_background.png?pkwG'); } create() { this.add.image(400, 300, 'refiningBackground'); this.clickSound = this.sound.add('clickSound'); this.refiningSound = this.sound.add('refiningSound'); // Reset refinement stats this.refinementStats = { slashing: 0, blunt: 0, piercing: 0 }; if (this.refinedWeaponState) { this.forgedWeapon = this.refinedWeaponState; } else { this.forgedWeapon = this.originalWeaponState; } this.prepareWeaponPixels(); this.identifyEdgePixels(); this.calculateRefinablePixels(); this.identifyPointyAreas(); this.identifySpinePixels(); this.displayWeapon(); this.createRefiningTools(); this.createAttachmentsButton(); this.input.on('pointerdown', this.handlePointerDown, this); this.input.on('pointermove', this.handlePointerMove, this); this.input.on('pointerup', this.handlePointerUp, this); this.toolCursor = this.add.graphics(); this.highlightGraphics = this.add.graphics(); this.statsDisplay = this.displayWeaponStats(); } prepareWeaponPixels() { const canvasWidth = this.gridWidth * this.cellSize; const canvasHeight = this.gridHeight * this.cellSize; this.canvasX = (800 - canvasWidth) / 2; this.canvasY = (600 - canvasHeight) / 2; // Add dark shadow background behind the grid const gridBackground = this.add.graphics(); gridBackground.fillStyle(0x000000, 0.95); gridBackground.fillRect(this.canvasX - 5, this.canvasY - 5, canvasWidth + 10, canvasHeight + 10); this.weaponPixels = []; if (Array.isArray(this.forgedWeapon.grid)) { this.forgedWeapon.grid.forEach((row, y) => { row.forEach((cell, x) => { if (cell.type) { const cellX = this.canvasX + x * this.cellSize; const cellY = this.canvasY + y * this.cellSize; const color = this.getCellColor(cell.type, cell.material); console.log(`Processing cell: x=${x}, y=${y}, type=${cell.type}, material=${cell.material}, color=${color.toString(16)}`); for (let py = 0; py < 20; py++) { for (let px = 0; px < 20; px++) { if (cell.pixels[py][px]) { this.weaponPixels.push({ x: cellX + px * this.pixelSize, y: cellY + py * this.pixelSize, color: color, type: this.getPixelType(cell.type, px, py), refined: false, refinedColor: color, isEdge: false, isPointy: false, isSpine: false, distanceFromEdge: Infinity, cellX: x, cellY: y, pixelX: px, pixelY: py, material: cell.material }); } } } } }); }); } console.log(`Total weapon pixels: ${this.weaponPixels.length}`); } getCellColor(type, material) { const materialColors = { 'Wood': 0x5E3511, 'Bronze': 0xCD7F32, 'Iron': 0x434343, 'Steel': 0xC0C0C0 }; const typeColors = { handle: 0x5E3511, haft: 0x5E3511, pole: 0x5E3511, edge: 0xFF0000, face: 0x808080, tip: 0x8B4513 }; if (material && materialColors[material]) { return materialColors[material]; } else if (typeColors[type]) { return typeColors[type]; } else { console.warn(`Unknown type or material: ${type}, ${material}`); return 0x888888; // Default color } } drawWeapon() { this.weaponGraphics.clear(); this.weaponPixels.forEach(pixel => { const color = pixel.refined ? pixel.refinedColor : pixel.color; this.weaponGraphics.fillStyle(color); this.weaponGraphics.fillRect(pixel.x, pixel.y, this.pixelSize, this.pixelSize); }); } identifyEdgePixels() { const directions = [ [-1, -1], [-1, 0], [-1, 1], [0, -1], [0, 1], [1, -1], [1, 0], [1, 1] ]; this.weaponPixels.forEach(pixel => { pixel.isEdge = directions.some(([dx, dy]) => { const neighborX = pixel.x + dx * this.pixelSize; const neighborY = pixel.y + dy * this.pixelSize; return !this.weaponPixels.some(p => p.x === neighborX && p.y === neighborY); }); }); this.weaponPixels.forEach(pixel => { if (pixel.isEdge) { pixel.distanceFromEdge = 0; } else { pixel.distanceFromEdge = this.calculateDistanceFromEdge(pixel); } }); console.log(`Edge pixels identified: ${this.weaponPixels.filter(p => p.isEdge).length}`); } calculateDistanceFromEdge(pixel) { let minDistance = Infinity; this.weaponPixels.forEach(p => { if (p.isEdge) { const distance = Math.sqrt( Math.pow((pixel.x - p.x) / this.pixelSize, 2) + Math.pow((pixel.y - p.y) / this.pixelSize, 2) ); minDistance = Math.min(minDistance, distance); } }); return minDistance; } calculateRefinablePixels() { this.refinablePixels = new Set(this.weaponPixels.filter(pixel => pixel.type !== 'shaft' && pixel.distanceFromEdge <= this.refinableDepth )); console.log(`Refinable pixels: ${this.refinablePixels.size}`); } identifyPointyAreas() { const edgePixels = this.weaponPixels.filter(pixel => pixel.isEdge); edgePixels.forEach(pixel => { const surroundingPixels = this.getSurroundingPixels(pixel, this.pointyAreaWidth); const occupiedDirections = this.getOccupiedDirections(pixel, surroundingPixels); if (this.isPointy(occupiedDirections)) { this.markPointyArea(pixel, surroundingPixels); } }); console.log(`Pointy areas identified: ${this.pointyAreas.length}`); } identifySpinePixels() { const centerY = this.canvasY + this.gridHeight * this.cellSize / 2; this.weaponPixels.forEach(pixel => { pixel.isSpine = Math.abs(pixel.y - centerY) <= (this.spineWidth * this.pixelSize) / 2; }); console.log(`Spine pixels identified: ${this.weaponPixels.filter(p => p.isSpine).length}`); } getSurroundingPixels(centerPixel, radius) { return this.weaponPixels.filter(pixel => Math.abs(pixel.x - centerPixel.x) <= radius * this.pixelSize && Math.abs(pixel.y - centerPixel.y) <= radius * this.pixelSize ); } getOccupiedDirections(centerPixel, surroundingPixels) { const directions = { top: false, topRight: false, right: false, bottomRight: false, bottom: false, bottomLeft: false, left: false, topLeft: false }; surroundingPixels.forEach(pixel => { if (pixel.x < centerPixel.x && pixel.y < centerPixel.y) directions.topLeft = true; if (pixel.x === centerPixel.x && pixel.y < centerPixel.y) directions.top = true; if (pixel.x > centerPixel.x && pixel.y < centerPixel.y) directions.topRight = true; if (pixel.x > centerPixel.x && pixel.y === centerPixel.y) directions.right = true; if (pixel.x > centerPixel.x && pixel.y > centerPixel.y) directions.bottomRight = true; if (pixel.x === centerPixel.x && pixel.y > centerPixel.y) directions.bottom = true; if (pixel.x < centerPixel.x && pixel.y > centerPixel.y) directions.bottomLeft = true; if (pixel.x < centerPixel.x && pixel.y === centerPixel.y) directions.left = true; }); return directions; } isPointy(directions) { const pointyPatterns = [{ empty: ['top', 'topRight', 'right'], occupied: ['bottom', 'left'] }, { empty: ['right', 'bottomRight', 'bottom'], occupied: ['top', 'left'] }, { empty: ['bottom', 'bottomLeft', 'left'], occupied: ['top', 'right'] }, { empty: ['left', 'topLeft', 'top'], occupied: ['bottom', 'right'] }]; return pointyPatterns.some(pattern => pattern.empty.every(dir => !directions[dir]) && pattern.occupied.every(dir => directions[dir]) ); } markPointyArea(centerPixel, surroundingPixels) { surroundingPixels.forEach(pixel => { if (pixel.type !== 'shaft') { pixel.isPointy = true; } }); this.pointyAreas.push(centerPixel); } getPixelType(cellType, px, py) { if (['handle', 'haft', 'pole'].includes(cellType)) return 'shaft'; if (cellType.includes('Head')) { return (px < 2 || px > 17 || py < 2 || py > 17) ? 'edge' : 'face'; } if (cellType.includes('Spine')) { return (px < 2 || px > 17) ? 'edge' : 'face'; } return cellType === 'tip' ? 'tip' : 'face'; } displayWeapon() { this.weaponGraphics = this.add.graphics(); this.drawWeapon(); } displayWeaponStats() { const stats = this.calculateWeaponStats(); const mainStatsText = [ 'Weapon Stats:', `Weight: ${stats.weight.toFixed(1)}`, `Action Cost: ${stats.actionCost.toFixed(1)}`, `Base Strike Force: ${stats.baseStrikeForce.toFixed(1)}`, `Leverage Bonus: ${stats.leverageBonus.toFixed(1)} (${(stats.leverageBonus / stats.baseStrikeForce * 100).toFixed(1)}%)`, `Total Strike Force: ${stats.totalStrikeForce.toFixed(1)}`, `Defense: ${(stats.defense * 100).toFixed(1)}%`, `Total Defense Force: ${stats.totalDefenseForce.toFixed(1)}` ].join('\n'); const damageStatsText = [ `Piercing: ${(stats.piercing * 100).toFixed(1)}%`, `Slashing: ${(stats.slashing * 100).toFixed(1)}%`, `Blunt: ${(stats.blunt * 100).toFixed(1)}%` ].join('\n'); // Create shadow background for main stats const mainStatsBackground = this.add.graphics(); mainStatsBackground.fillStyle(0x000000, 0.7); mainStatsBackground.fillRoundedRect(15, 15, 270, 130, 10); mainStatsBackground.lineStyle(2, 0xFFFFFF, 1); mainStatsBackground.strokeRoundedRect(15, 15, 270, 130, 10); // Create shadow background for damage stats const damageStatsBackground = this.add.graphics(); damageStatsBackground.fillStyle(0x000000, 0.7); damageStatsBackground.fillRoundedRect(355, 25, 200, 100, 10); damageStatsBackground.lineStyle(2, 0xFFFFFF, 1); damageStatsBackground.strokeRoundedRect(355, 25, 200, 100, 10); const mainStats = this.add.text(20, 20, mainStatsText, { fontSize: '16px', fill: '#ffffff', align: 'left' }); const damageStats = this.add.text(380, 50, damageStatsText, { fontSize: '16px', fill: '#ffffff', align: 'left' }); return [mainStats, damageStats]; } calculateWeaponStats() { const baseStats = this.forgedWeapon.stats || { weight: 0, actionCost: 0, baseStrikeForce: 0, leverageBonus: 0, totalStrikeForce: 0, piercing: 0, slashing: 0, blunt: 0 }; const shaftSegments = this.countShaftSegments(); const defense = shaftSegments * 0.025; const totalStrikeForce = baseStats.totalStrikeForce || 0; const totalDefenseForce = totalStrikeForce * defense; return { ...baseStats, piercing: (baseStats.piercing || 0) + this.refinementStats.piercing / 1000, slashing: (baseStats.slashing || 0) + this.refinementStats.slashing / 1000, blunt: (baseStats.blunt || 0) + this.refinementStats.blunt / 1000, defense: defense, totalDefenseForce: totalDefenseForce }; } countShaftSegments() { return (this.forgedWeapon.design || []).filter(cell => ['handle', 'haft', 'pole'].includes(cell.type)).length; } createRefiningTools() { const tools = ['Sharpen Edges', 'Harden Faces', 'Reinforce Tips', 'Reinforce Spine']; const startX = this.canvasX; const startY = this.canvasY + this.gridHeight * this.cellSize + 30; const spacing = 200; this.toolButtons = tools.map((tool, index) => { // Create grey background for each button const buttonBackground = this.add.graphics(); buttonBackground.fillStyle(0x808080, 0.8); // Increase the width by 25% (from 140 to 175) buttonBackground.fillRoundedRect(startX + spacing * index - 87.5, startY - 15, 175, 40, 10); return this.add.text(startX + spacing * index, startY, tool, { fontSize: '18px', fill: '#fff', backgroundColor: null // Remove the default background }) .setOrigin(0.5) .setInteractive() .on('pointerdown', () => { this.clickSound.play(); this.selectTool(tool); }); }); } selectTool(tool) { this.currentTool = tool; this.toolButtons.forEach(button => button.setColor(button.text === tool ? '#ffff00' : '#ffffff')); this.highlightRefinableAreas(); } highlightRefinableAreas() { this.highlightGraphics.clear(); this.highlightGraphics.fillStyle(0xFFFF00, 0.3); this.weaponPixels.forEach(pixel => { if (this.isPixelRefinable(pixel) && !pixel.refined) { this.highlightGraphics.fillRect(pixel.x, pixel.y, this.pixelSize, this.pixelSize); } }); } createAttachmentsButton() { // Create grey background for the Attachments button const buttonBackground = this.add.graphics(); buttonBackground.fillStyle(0x808080, 0.8); // Increase the width by 25% (from 160 to 200) buttonBackground.fillRoundedRect(535, 535, 230, 40, 10); this.add.text(650, 550, 'Add Attachments', { fontSize: '24px', fill: '#fff', backgroundColor: null // Remove the default background }) .setOrigin(0.5) .setInteractive() .on('pointerdown', () => this.goToAttachmentsScene()); } goToAttachmentsScene() { const refinedWeaponData = { design: this.getWeaponDesign(), stats: this.calculateWeaponStats(), grid: this.forgedWeapon.grid.map((row, cellY) => row.map((cell, cellX) => ({ ...cell, refinedPixels: cell.pixels.map((row, py) => row.map((pixel, px) => { const refinedPixel = this.weaponPixels.find(p => p.cellX === cellX && p.cellY === cellY && p.pixelX === px && p.pixelY === py ); return refinedPixel && refinedPixel.refined ? refinedPixel.refinedColor : null; }) ) })) ) }; this.scene.start('AttachmentsScene', { playerAttrs: this.playerAttrs, playerSprite: this.playerSprite, refinedWeapon: refinedWeaponData, originalWeaponState: this.originalWeaponState }); } getWeaponDesign() { return this.weaponPixels.reduce((design, pixel) => { let cell = design.find(c => c.x === pixel.cellX && c.y === pixel.cellY); if (!cell) { cell = { x: pixel.cellX, y: pixel.cellY, type: pixel.type, material: pixel.material, pixels: Array(20).fill().map(() => Array(20).fill(false)), refinedPixels: Array(20).fill().map(() => Array(20).fill(null)) }; design.push(cell); } cell.pixels[pixel.pixelY][pixel.pixelX] = true; if (pixel.refined) { cell.refinedPixels[pixel.pixelY][pixel.pixelX] = pixel.refinedColor; } return design; }, []); } handlePointerDown(pointer) { if (this.currentTool) { this.isRefining = true; this.refineWeapon(pointer); } } handlePointerMove(pointer) { this.updateToolCursor(pointer); this.highlightOverlappingPixels(pointer); if (this.isRefining) { this.refineWeapon(pointer); } } handlePointerUp() { this.isRefining = false; } refineWeapon(pointer) { if (!this.currentTool) return; const affectedPixels = this.getAffectedPixels(pointer); let refinedAny = false; affectedPixels.forEach(pixel => { if (this.isPixelRefinable(pixel)) { this.refinePixel(pixel); refinedAny = true; } }); if (refinedAny) { this.drawWeapon(); this.refiningSound.play(); this.updateWeaponStats(); } } getAffectedPixels(pointer) { return this.weaponPixels.filter(pixel => Phaser.Math.Distance.Between( pixel.x + this.pixelSize / 2, pixel.y + this.pixelSize / 2, pointer.x, pointer.y ) <= this.toolSize * this.pixelSize ); } isPixelRefinable(pixel) { if (pixel.type === 'shaft' || pixel.refined) return false; switch (this.currentTool) { case 'Reinforce Tips': return pixel.isPointy; case 'Sharpen Edges': return pixel.distanceFromEdge <= this.edgeWidth; case 'Harden Faces': return pixel.distanceFromEdge > this.edgeWidth; case 'Reinforce Spine': return pixel.isSpine; default: return false; } } refinePixel(pixel) { const color = Phaser.Display.Color.ValueToColor(pixel.color); let factor; switch (this.currentTool) { case 'Reinforce Spine': factor = 0.8; break; case 'Sharpen Edges': factor = 1.3; break; case 'Harden Faces': factor = .9; break; default: factor = 1.2; } color.red = Math.min(255, Math.max(0, Math.floor(color.red * factor))); color.green = Math.min(255, Math.max(0, Math.floor(color.green * factor))); color.blue = Math.min(255, Math.max(0, Math.floor(color.blue * factor))); pixel.refinedColor = color.color; pixel.refined = true; switch (this.currentTool) { case 'Sharpen Edges': this.refinementStats.slashing += 0.3; break; case 'Harden Faces': this.refinementStats.blunt += 0.3; break; case 'Reinforce Tips': case 'Reinforce Spine': this.refinementStats.piercing += 0.3; break; } } updateWeaponStats() { const stats = this.calculateWeaponStats(); const mainStatsText = [ 'Weapon Stats:', `Weight: ${stats.weight.toFixed(1)}`, `Action Cost: ${stats.actionCost.toFixed(1)}`, `Base Strike Force: ${stats.baseStrikeForce.toFixed(1)}`, `Leverage Bonus: ${stats.leverageBonus.toFixed(1)} (${(stats.leverageBonus / stats.baseStrikeForce * 100).toFixed(1)}%)`, `Total Strike Force: ${stats.totalStrikeForce.toFixed(1)}`, `Defense: ${(stats.defense * 100).toFixed(1)}%`, `Total Defense Force: ${stats.totalDefenseForce.toFixed(1)}` ].join('\n'); const damageStatsText = [ `Piercing: ${(stats.piercing * 100).toFixed(1)}%`, `Slashing: ${(stats.slashing * 100).toFixed(1)}%`, `Blunt: ${(stats.blunt * 100).toFixed(1)}%` ].join('\n'); this.statsDisplay[0].setText(mainStatsText); this.statsDisplay[1].setText(damageStatsText); } updateToolCursor(pointer) { this.toolCursor.clear(); if (this.currentTool) { this.toolCursor.lineStyle(2, 0xFFFFFF, 0.8); this.toolCursor.strokeCircle(pointer.x, pointer.y, this.toolSize * this.pixelSize); } } highlightOverlappingPixels(pointer) { this.highlightGraphics.clear(); if (this.currentTool) { this.highlightGraphics.fillStyle(0xFFFF00, 0.5); this.getAffectedPixels(pointer).forEach(pixel => { if (this.isPixelRefinable(pixel)) { this.highlightGraphics.fillRect(pixel.x, pixel.y, this.pixelSize, this.pixelSize); } }); } } shutdown() { this.weaponPixels = []; this.currentTool = null; this.refinementStats = { slashing: 0, blunt: 0, piercing: 0 }; this.pointyAreas = []; this.forgedWeapon = null; this.originalWeaponState = null; this.refinedWeaponState = null; this.initialWeaponState = null; } } // this scene is for adding attchments to the weapon after the Design, Forge and Refining process class AttachmentsScene extends Phaser.Scene { constructor() { super('AttachmentsScene'); this.cellSize = 60; this.pixelSize = 3; this.gridWidth = 10; this.gridHeight = 5; this.weaponGraphics = null; this.attachmentList = []; this.shaftType = null; this.selectedAttachment = null; this.attachmentTypes = {}; this.currentAttachmentTypeIndex = 0; this.attachmentImages = {}; this.appliedAttachments = {}; this.originalWeaponStats = null; } init(data) { this.playerAttrs = data.playerAttrs; this.playerSprite = data.playerSprite; this.refinedWeapon = data.refinedWeapon || { design: [], stats: {}, grid: [] }; this.originalWeaponStats = JSON.parse(JSON.stringify(this.refinedWeapon.stats)); this.originalWeaponState = data.originalWeaponState; this.checkpointState = data.checkpointState; console.log('Received refined weapon data:', JSON.stringify(this.refinedWeapon, null, 2)); // Clear any existing attachment data this.attachmentList = []; this.selectedAttachment = null; this.appliedAttachments = {}; this.attachmentImages = {}; } preload() { this.load.audio('clickSound', 'https://play.rosebud.ai/assets/mouse-click.mp3?zUoe'); this.load.image('arrow', 'https://play.rosebud.ai/assets/Arrow.2.png?ivzw'); this.load.image('placeholderAttachment', 'https://play.rosebud.ai/assets/placeholder_attachment.png'); this.load.spritesheet('crossguards', 'https://play.rosebud.ai/assets/crossguards_spritesheet.png?bC19', { frameWidth: 64, frameHeight: 128, }); this.load.spritesheet('pommels', 'https://play.rosebud.ai/assets/Pommels_spritesheet.png?GWMM', { frameWidth: 64, frameHeight: 64, }); this.load.spritesheet('langets', 'https://play.rosebud.ai/assets/Langets_spritesheet.png?ZAPs', { frameWidth: 192, frameHeight: 64, }); this.load.spritesheet('straps', 'https://play.rosebud.ai/assets/straps_sprites.png?PvUy', { frameWidth: 64, frameHeight: 128, }); this.load.spritesheet('endCaps', 'https://play.rosebud.ai/assets/Endcaps_Spritesheet.png?sSDM', { frameWidth: 64, frameHeight: 64, }); this.load.spritesheet('wings', 'https://play.rosebud.ai/assets/winds_sprites.png?MRJp', { frameWidth: 64, frameHeight: 128, }); this.load.spritesheet('pennons', 'https://play.rosebud.ai/assets/Pennons_sprites.png?Vot1', { frameWidth: 64, frameHeight: 128, }); this.load.spritesheet('sockets', 'https://play.rosebud.ai/assets/Sockets_sprites.png?edIA', { frameWidth: 128, frameHeight: 64, }); this.load.image('attachmentsBackground', 'https://play.rosebud.ai/assets/a blacksmith workshop.png?UUzG'); this.load.setCORS('anonymous'); } create() { this.add.image(400, 300, 'attachmentsBackground'); this.clickSound = this.sound.add('clickSound'); this.createWeaponDisplay(); this.determineShaftType(); this.createAttachmentList(); this.createAttachmentPreview(); this.createApplyButton(); this.createRemoveAttachmentsButton(); this.createFinalizeButton(); this.statsDisplay = this.displayWeaponStats(); } createWeaponDisplay() { const canvasWidth = this.gridWidth * this.cellSize; const canvasHeight = this.gridHeight * this.cellSize; this.canvasX = (800 - canvasWidth) / 2; this.canvasY = (600 - canvasHeight) / 2; const gridBackground = this.add.graphics(); gridBackground.fillStyle(0x000000, 0.95); gridBackground.fillRect(this.canvasX -100, this.canvasY-150, canvasWidth +200, canvasHeight+300); this.weaponGraphics = this.add.graphics(); this.drawWeapon(); } drawWeapon() { this.weaponGraphics.clear(); if (!this.refinedWeapon.grid || this.refinedWeapon.grid.length === 0) { console.error('No weapon grid data to draw'); return; } console.log('Drawing weapon with grid:', this.refinedWeapon.grid); this.refinedWeapon.grid.forEach((row, y) => { row.forEach((cell, x) => { if (cell.type) { const cellX = this.canvasX + x * this.cellSize; const cellY = this.canvasY + y * this.cellSize; console.log(`Drawing cell at (${x},${y}), type: ${cell.type}, material: ${cell.material}`); for (let py = 0; py < 20; py++) { for (let px = 0; px < 20; px++) { if (cell.pixels[py][px]) { let color; if (cell.refinedPixels && cell.refinedPixels[py][px] !== null) { color = cell.refinedPixels[py][px]; console.log( `Using refined color at (${x},${y},${px},${py}): ${color.toString(16)}`, ); } else { color = this.getCellColor(cell.type, cell.material); console.log(`Using base color at (${x},${y},${px},${py}): ${color.toString(16)}`); } this.weaponGraphics.fillStyle(color); this.weaponGraphics.fillRect( cellX + px * this.pixelSize, cellY + py * this.pixelSize, this.pixelSize, this.pixelSize, ); } } } } }); }); console.log('Weapon drawn'); } getCellColor(type, material) { const materialColors = { Wood: 0x5E3511, Bronze: 0xcd7f32, Iron: 0x434343, Steel: 0xc0c0c0, }; const typeColors = { handle: 0x5E3511, haft: 0x5E3511, pole: 0x5E3511, edge: 0xff0000, face: 0x808080, tip: 0x8b4513, }; if (material && materialColors[material]) { return materialColors[material]; } else if (typeColors[type]) { return typeColors[type]; } else { console.warn(`Unknown type or material: ${type}, ${material}`); return 0x888888; // Default color } } displayWeaponStats() { const stats = this.refinedWeapon.stats; const mainStatsText = [ 'Weapon Stats:', `Weight: ${stats.weight.toFixed(1)}`, `Action Cost: ${stats.actionCost.toFixed(1)}`, `Base Strike Force: ${stats.baseStrikeForce.toFixed(1)}`, `Leverage Bonus: ${stats.leverageBonus.toFixed(1)} (${((stats.leverageBonus / stats.baseStrikeForce) * 100).toFixed(1)}%)`, `Total Strike Force: ${stats.totalStrikeForce.toFixed(1)}`, `Defense: ${(stats.defense * 100).toFixed(1)}%`, `Total Defense Force: ${stats.totalDefenseForce.toFixed(1)}`, ].join('\n'); const damageStatsText = [ `Piercing: ${(stats.piercing * 100).toFixed(1)}%`, `Slashing: ${(stats.slashing * 100).toFixed(1)}%`, `Blunt: ${(stats.blunt * 100).toFixed(1)}%`, ].join('\n'); const mainStatsBackground = this.add.graphics(); mainStatsBackground.fillStyle(0x000000, 0.7); mainStatsBackground.fillRect(15, 15, 340, 135); mainStatsBackground.lineStyle(2, 0xffffff, 1); mainStatsBackground.strokeRect(15, 15, 340, 135); const damageStatsBackground = this.add.graphics(); damageStatsBackground.fillStyle(0x000000, 0.7); damageStatsBackground.fillRect(375, 45, 200, 80); damageStatsBackground.lineStyle(2, 0xffffff, 1); damageStatsBackground.strokeRect(375, 45, 200, 80); const mainStats = this.add.text(20, 20, mainStatsText, { fontSize: '16px', fill: '#ffffff', align: 'left', }); const damageStats = this.add.text(380, 50, damageStatsText, { fontSize: '16px', fill: '#ffffff', align: 'left', }); return [mainStats, damageStats]; } determineShaftType() { if (this.refinedWeapon && this.refinedWeapon.grid) { let shaftLength = 0; this.refinedWeapon.grid.forEach((row) => { row.forEach((cell) => { if (['handle', 'haft', 'pole'].includes(cell.type)) { shaftLength++; } }); }); if (shaftLength <= 3) { this.shaftType = 'handle'; } else if (shaftLength <= 6) { this.shaftType = 'haft'; } else { this.shaftType = 'pole'; } } console.log('Determined shaft type:', this.shaftType); } createAttachmentList() { const listY = this.canvasY + this.gridHeight * this.cellSize + 10; const listWidth = 250; const listHeight = 100; const listX = 50; const graphics = this.add.graphics(); graphics.lineStyle(2, 0xffffff, 1); graphics.strokeRect(listX, listY, listWidth, listHeight); this.add .text(listX + listWidth / 2, listY - 10, 'Weapon Attachments', { fontSize: '18px', fill: '#ffffff', }) .setOrigin(0.5, 1); const mask = this.add.graphics().fillRect(listX, listY, listWidth, listHeight); const container = this.add.container(listX, listY); container.setMask(new Phaser.Display.Masks.GeometryMask(this, mask)); let attachments; switch (this.shaftType) { case 'handle': attachments = ['Pommel', 'Grip', 'Crossguard']; break; case 'haft': attachments = ['End Caps', 'Grip', 'Straps', 'Langet']; break; case 'pole': attachments = ['End Caps', 'Wings', 'Pennon', 'Sockets']; break; default: attachments = []; } let yOffset = 10; attachments.forEach((attachment, index) => { const text = this.add.text(10, yOffset, attachment, { fontSize: '16px', fill: '#ffffff', }); container.add(text); yOffset += 25; text.setInteractive({ useHandCursor: true }).on('pointerdown', () => { this.clickSound.play(); this.selectedAttachment = attachment; this.currentAttachmentTypeIndex = 0; this.updateAttachmentPreview(); }); this.attachmentList.push(text); }); if (yOffset > listHeight) { this.input.on('wheel', (pointer, gameObjects, deltaX, deltaY, deltaZ) => { if ( pointer.x >= listX && pointer.x <= listX + listWidth && pointer.y >= listY && pointer.y <= listY + listHeight ) { container.y -= deltaY; container.y = Phaser.Math.Clamp(container.y, -(yOffset - listHeight) + listY, listY); } }); } } createAttachmentPreview() { const previewX = 350; const previewY = this.canvasY + this.gridHeight * this.cellSize + 10; const previewWidth = 250; const previewHeight = 135; const graphics = this.add.graphics(); graphics.lineStyle(2, 0xffffff, 1); graphics.strokeRect(previewX, previewY, previewWidth, previewHeight); this.previewTitle = this.add .text(previewX + previewWidth / 2, previewY - 10, 'Attachment Preview', { fontSize: '0', fill: '#ffffff', }) .setOrigin(0.5, 1); this.previewText = this.add.text(previewX + 10, previewY + 10, 'Select an attachment to preview', { fontSize: '16px', fill: '#ffffff', wordWrap: { width: previewWidth - 20 }, }); this.leftArrow = this.add .image(previewX - 20, previewY + previewHeight / 2, 'arrow') .setScale(0.2) .setFlipX(true) .setInteractive({ useHandCursor: true }) .on('pointerdown', () => this.cycleAttachmentType(-1)); this.rightArrow = this.add .image(previewX + previewWidth + 20, previewY + previewHeight / 2, 'arrow') .setScale(0.2) .setInteractive({ useHandCursor: true }) .on('pointerdown', () => this.cycleAttachmentType(1)); this.leftArrow.visible = false; this.rightArrow.visible = false; this.gripPreview = this.add.graphics(); this.gripPreview.visible = false; } createApplyButton() { this.applyButton = this.add .text(720, 530, 'Apply\nAttachment', { fontSize: '18px', fill: '#ffffff', backgroundColor: '#22B14C', padding: { x: 10, y: 5 }, align: 'center', }) .setOrigin(0.5) .setInteractive({ useHandCursor: true }) .on('pointerdown', () => { this.clickSound.play(); this.applyAttachment(); }); this.applyButton.visible = false; } createRemoveAttachmentsButton() { const button = this.add .text(175, 580, 'Remove Attachments', { fontSize: '18px', fill: '#ffffff', backgroundColor: '#4a4a4a', padding: { x: 10, y: 5 }, }) .setOrigin(0.5) .setInteractive({ useHandCursor: true }) .on('pointerdown', () => { this.clickSound.play(); this.removeAllAttachments(); }); } createFinalizeButton() { const button = this.add .text(700, 580, 'Finalize Weapon', { fontSize: '18px', fill: '#ffffff', backgroundColor: '#4a4a4a', padding: { x: 10, y: 5 }, }) .setOrigin(0.5) .setInteractive({ useHandCursor: true }) .on('pointerdown', () => { this.clickSound.play(); this.finalizeWeapon(); }); } removeAllAttachments() { this.appliedAttachments = {}; Object.values(this.attachmentImages).forEach((image) => image.destroy()); this.attachmentImages = {}; this.updateAttachmentList(); this.resetGrip(); this.resetWeaponStats(); this.drawWeapon(); } resetGrip() { if (this.refinedWeapon && this.refinedWeapon.grid) { this.refinedWeapon.grid.forEach((row) => { row.forEach((cell) => { if (['handle', 'haft', 'pole'].includes(cell.type)) { cell.refinedPixels = null; } }); }); } this.drawWeapon(); } resetWeaponStats() { this.refinedWeapon.stats = JSON.parse(JSON.stringify(this.originalWeaponStats)); this.updateWeaponStats(); } applyAttachment() { if (this.selectedAttachment && !this.appliedAttachments[this.selectedAttachment]) { const currentType = this.attachmentTypes[this.selectedAttachment][this.currentAttachmentTypeIndex]; this.appliedAttachments[this.selectedAttachment] = currentType; console.log(`Applied ${currentType} ${this.selectedAttachment}`); this.updateWeaponWithAttachment(); this.updateAttachmentList(); this.selectedAttachment = null; this.updateAttachmentPreview(); } } updateWeaponWithAttachment() { const attachmentType = this.selectedAttachment; const currentType = this.attachmentTypes[attachmentType][this.currentAttachmentTypeIndex]; if (attachmentType === 'Grip') { this.applyGripTexture(currentType); } else { const weaponBounds = this.calculateWeaponBounds(); const attachmentPosition = this.getAttachmentPosition(attachmentType, weaponBounds); let imageKey = 'placeholderAttachment'; let frame = 0; if (attachmentType === 'Crossguard') { imageKey = 'crossguards'; frame = this.getCrossguardFrame(currentType); } else if (attachmentType === 'Pommel') { imageKey = 'pommels'; frame = this.getPommelFrame(currentType); } else if (attachmentType === 'Langet') { imageKey = 'langets'; frame = this.getLangetFrame(currentType); } else if (attachmentType === 'Straps') { imageKey = 'straps'; frame = this.getStrapFrame(currentType); } else if (attachmentType === 'End Caps') { imageKey = 'endCaps'; frame = this.getEndCapFrame(currentType); } else if (attachmentType === 'Wings') { imageKey = 'wings'; frame = this.getWingsFrame(currentType); } else if (attachmentType === 'Pennon') { imageKey = 'pennons'; frame = this.getPennonFrame(currentType); } else if (attachmentType === 'Sockets') { imageKey = 'sockets'; frame = this.getSocketFrame(currentType); } if (this.attachmentImages[attachmentType]) { this.attachmentImages[attachmentType].destroy(); } const attachmentImage = this.add .sprite(attachmentPosition.x, attachmentPosition.y, imageKey, frame) .setOrigin(0.5) .setScale(1); this.attachmentImages[attachmentType] = attachmentImage; } this.updateWeaponStats(); } getEndCapFrame(type) { switch (type) { case 'Spiked ball': return 0; case 'Faceted': return 1; case 'Hooked': return 2; case 'Ringed': return 3; default: return 0; } } getPommelFrame(type) { switch (type) { case 'Crescent': return 0; case 'Faceted': return 1; case 'Fishtail': return 2; case 'Lobed': return 3; case 'Pear-shaped': return 4; case 'Tea-cosy': return 5; case 'Wheel': return 6; default: return 0; } } getLangetFrame(type) { switch (type) { case 'Long': return 0; case 'Tapered': return 1; case 'Short': return 2; default: return 0; } } getStrapFrame(type) { switch (type) { case 'Braided': return 0; case 'Chain': return 1; case 'Simple loop': return 2; case 'Studded': return 3; default: return 0; } } getSocketFrame(type) { switch (type) { case 'Small': return 0; case 'Large': return 1; case 'Medium': return 2; default: return 0; } } getPennonFrame(type) { switch (type) { case 'Forked': return 0; case 'Multi-colored': return 1; case 'Plain': return 2; case 'Tasseled': return 3; default: return 0; } } getWingsFrame(type) { switch (type) { case 'Curved': return 0; case 'Hooked': return 1; case 'Spiked': return 2; case 'Straight': return 3; default: return 0; } } getCrossguardFrame(type) { switch (type) { case 'Quillion': return 0; case 'Ringed': return 1; case 'S-shaped': return 2; case 'Sharp': return 3; case 'Standard': return 4; default: return 0; } } applyGripTexture(gripType) { if (this.refinedWeapon && this.refinedWeapon.grid) { const shaftCells = this.refinedWeapon.grid.flatMap((row) => row.filter((cell) => ['handle', 'haft', 'pole'].includes(cell.type)), ); const gripWidth = Math.ceil(shaftCells.length / 3); shaftCells.forEach((cell, index) => { if (!cell.refinedPixels) { cell.refinedPixels = Array(20) .fill() .map(() => Array(20).fill(null)); } for (let py = 0; py < 20; py++) { for (let px = 0; px < 20; px++) { if (cell.pixels[py][px]) { if (this.shaftType === 'haft' || this.shaftType === 'pole') { if (index < gripWidth + 0.1) { cell.refinedPixels[py][px] = this.getGripColor( gripType, px, py, cell.type, cell.material, ); } } else { cell.refinedPixels[py][px] = this.getGripColor( gripType, px, py, cell.type, cell.material, ); } } } } }); this.drawWeapon(); } } getGripColor(gripType, x, y, cellType, cellMaterial) { const baseColor = this.getCellColor(cellType, cellMaterial); switch (gripType) { case 'Leather-wrapped': return (x + y) % 2 === 0 ? 0x8b4513 : 0x704214; case 'Wire-wrapped': return y % 2 === 0 ? 0xc0c0c0 : baseColor; case 'Cord-wrapped': return (x + y) % 3 === 0 ? 0xdeb887 : baseColor; case 'Scaled': return (x + y) % 4 === 0 || (x + y + 1) % 4 === 0 ? 0xb8860b : baseColor; case 'Rayskin': return (x + y) % 3 === 0 && (x - y) % 3 === 0 ? 0xf0e68c : baseColor; case 'Bone': return 0xfffafa; case 'Wood': return (x * 3 + y * 5) % 7 === 0 ? 0xdeb887 : 0x8b4513; case 'Ivory': return 0xfffff0; case 'Metal-inlaid': return x % 5 === 0 || y % 5 === 0 ? 0xc0c0c0 : baseColor; case 'Braided': const pattern = (x + y) % 3; return pattern === 0 ? 0x8b4513 : pattern === 1 ? 0xd2691e : 0xcd853f; default: return baseColor; } } getAttachmentPosition(attachmentType, weaponBounds) { const shaftEnds = this.findShaftEnds(); switch (attachmentType) { case 'Crossguard': case 'Langet': case 'Wings': return { x: shaftEnds.right.x, y: (shaftEnds.right.y + shaftEnds.right.bottomY) / 2 }; case 'Sockets': return { x: shaftEnds.right.x - 63, y: (shaftEnds.right.y + shaftEnds.right.bottomY) / 2 }; case 'Pommel': case 'End Caps': return { x: shaftEnds.left.x, y: (shaftEnds.left.y + shaftEnds.left.bottomY) / 2 }; case 'Straps': return { x: shaftEnds.left.x + 10, y: shaftEnds.left.bottomY }; case 'Pennon': return { x: shaftEnds.right.x - 15, y: shaftEnds.right.bottomY }; default: return { x: weaponBounds.centerX, y: weaponBounds.centerY }; } } findShaftEnds() { let leftmostShaftPixel = { x: Infinity, y: Infinity, bottomY: -Infinity }; let rightmostShaftPixel = { x: -Infinity, y: Infinity, bottomY: -Infinity }; let shaftLength = 0; this.refinedWeapon.grid.forEach((row, cellY) => { row.forEach((cell, cellX) => { if (['handle', 'haft', 'pole'].includes(cell.type)) { const pixelX = this.canvasX + cellX * this.cellSize; const pixelY = this.canvasY + cellY * this.cellSize; if (pixelX < leftmostShaftPixel.x) { leftmostShaftPixel = { x: pixelX, y: pixelY, bottomY: pixelY + this.cellSize }; } if (pixelX + this.cellSize > rightmostShaftPixel.x) { rightmostShaftPixel = { x: pixelX + this.cellSize, y: pixelY, bottomY: pixelY + this.cellSize }; } shaftLength++; } }); }); const shaftWidth = shaftLength * this.cellSize; rightmostShaftPixel.x = leftmostShaftPixel.x + shaftWidth; return { left: leftmostShaftPixel, right: rightmostShaftPixel, length: shaftLength }; } updateAttachmentList() { this.attachmentList.forEach((text) => { if (this.appliedAttachments[text.text]) { text.setColor('#00ff00'); } else { text.setColor('#ffffff'); } }); } updateAttachmentPreview() { if (!this.selectedAttachment) { this.previewTitle.setText('Attachment Preview'); this.previewText.setText('Select an attachment to preview'); this.applyButton.visible = false; this.gripPreview.visible = false; return; } this.previewTitle.setText(this.selectedAttachment); this.attachmentTypes = { 'Crossguard': ['Quillion', 'Ringed', 'S-shaped', 'Sharp', 'Standard'], 'Pommel': ['Crescent', 'Faceted', 'Fishtail', 'Lobed', 'Pear-shaped', 'Tea-cosy', 'Wheel'], 'Grip': [ 'Leather-wrapped', 'Wire-wrapped', 'Cord-wrapped', 'Scaled', 'Rayskin', 'Bone', 'Wood', 'Ivory', 'Metal-inlaid', 'Braided', ], 'Langet': ['Long', 'Tapered', 'Short'], 'Straps': ['Braided', 'Chain', 'Simple loop', 'Studded'], 'End Caps': ['Spiked ball', 'Faceted', 'Hooked', 'Ringed'], 'Wings': ['Curved', 'Hooked', 'Spiked', 'Straight'], 'Pennon': ['Forked', 'Multi-colored', 'Plain', 'Tasseled'], 'Sockets': ['Small', 'Large', 'Medium'], }; const types = this.attachmentTypes[this.selectedAttachment] || ['Standard']; const currentType = types[this.currentAttachmentTypeIndex]; this.previewText.setText( `Type: ${currentType}\n\nDescription: This is a ${currentType.toLowerCase()} ${this.selectedAttachment.toLowerCase()}. It provides additional ${this.getAttachmentBenefit(this.selectedAttachment)}.`, ); this.leftArrow.visible = types.length > 1; this.rightArrow.visible = types.length > 1; if (this.selectedAttachment === 'Grip') { this.updateGripPreview(currentType); this.gripPreview.visible = true; } else { this.updateAttachmentImage(); this.gripPreview.visible = false; } this.applyButton.visible = !this.appliedAttachments[this.selectedAttachment]; } updateGripPreview(gripType) { this.gripPreview.clear(); const previewX = 470; const previewY = 610; const previewWidth = 150; const previewHeight = 45; for (let y = 0; y < previewHeight; y++) { for (let x = 0; x < previewWidth; x++) { const color = this.getGripColor(gripType, x, y, 'handle', 'Wood'); this.gripPreview.fillStyle(color); this.gripPreview.fillRect(previewX + x - previewWidth / 2, previewY + y - previewHeight, 1, 1); } } } updateAttachmentImage() { const weaponBounds = this.calculateWeaponBounds(); const attachmentPosition = this.getAttachmentPosition(this.selectedAttachment, weaponBounds); let imageKey = 'placeholderAttachment'; let frame = 0; if (this.selectedAttachment === 'Crossguard') { imageKey = 'crossguards'; frame = this.getCrossguardFrame(this.attachmentTypes['Crossguard'][this.currentAttachmentTypeIndex]); } else if (this.selectedAttachment === 'Pommel') { imageKey = 'pommels'; frame = this.getPommelFrame(this.attachmentTypes['Pommel'][this.currentAttachmentTypeIndex]); } else if (this.selectedAttachment === 'Langet') { imageKey = 'langets'; frame = this.getLangetFrame(this.attachmentTypes['Langet'][this.currentAttachmentTypeIndex]); } else if (this.selectedAttachment === 'Sockets') { imageKey = 'sockets'; frame = this.getSocketFrame(this.attachmentTypes['Sockets'][this.currentAttachmentTypeIndex]); } else if (this.selectedAttachment === 'Straps') { imageKey = 'straps'; frame = this.getStrapFrame(this.attachmentTypes['Straps'][this.currentAttachmentTypeIndex]); } else if (this.selectedAttachment === 'End Caps') { imageKey = 'endCaps'; frame = this.getEndCapFrame(this.attachmentTypes['End Caps'][this.currentAttachmentTypeIndex]); } else if (this.selectedAttachment === 'Wings') { imageKey = 'wings'; frame = this.getWingsFrame(this.attachmentTypes['Wings'][this.currentAttachmentTypeIndex]); } else if (this.selectedAttachment === 'Pennon') { imageKey = 'pennons'; frame = this.getPennonFrame(this.attachmentTypes['Pennon'][this.currentAttachmentTypeIndex]); } if (this.attachmentImages[this.selectedAttachment]) { this.attachmentImages[this.selectedAttachment].destroy(); } this.attachmentImages[this.selectedAttachment] = this.add .sprite(attachmentPosition.x, attachmentPosition.y, imageKey, frame) .setOrigin(0.5) .setScale(1); } calculateWeaponBounds() { let minX = Infinity, maxX = -Infinity, minY = Infinity, maxY = -Infinity; this.refinedWeapon.grid.forEach((row, cellY) => { row.forEach((cell, cellX) => { if (cell.type) { const pixelX = this.canvasX + cellX * this.cellSize; const pixelY = this.canvasY + cellY * this.cellSize; minX = Math.min(minX, pixelX); maxX = Math.max(maxX, pixelX + this.cellSize); minY = Math.min(minY, pixelY); maxY = Math.max(maxY, pixelY + this.cellSize); } }); }); const width = maxX - minX; const height = maxY - minY; return { left: minX, right: maxX, top: minY, bottom: maxY, width: width, height: height, centerX: minX + width / 2, centerY: minY + height / 2, }; } cycleAttachmentType(direction) { const types = this.attachmentTypes[this.selectedAttachment] || ['Standard']; this.currentAttachmentTypeIndex = (this.currentAttachmentTypeIndex + direction + types.length) % types.length; this.updateAttachmentPreview(); } getAttachmentBenefit(attachment) { const benefits = { 'Crossguard': 'hand protection and parrying ability', 'Pommel': 'balance and striking capability', 'Grip': 'control and comfort', 'Langet': 'structural reinforcement', 'Straps': 'secure grip and wrist support', 'End Caps': 'versatility and rear striking capability', 'Wings': 'blade catching and opponent disarming', 'Pennon': 'signaling and intimidation', 'Sockets': 'shaft reinforcement and blade alignment', }; return benefits[attachment] || 'functionality'; } updateWeaponStats() { const stats = JSON.parse(JSON.stringify(this.originalWeaponStats)); Object.keys(this.appliedAttachments).forEach((attachment) => { stats.weight += 0.5; stats.actionCost += 0.2; stats.totalStrikeForce += 1; stats.totalDefenseForce += 0.5; stats.piercing += 0.05; stats.slashing += 0.05; stats.blunt += 0.05; }); this.refinedWeapon.stats = stats; const mainStatsText = [ 'Weapon Stats:', `Weight: ${stats.weight.toFixed(1)}`, `Action Cost: ${stats.actionCost.toFixed(1)}`, `Base Strike Force: ${stats.baseStrikeForce.toFixed(1)}`, `Leverage Bonus: ${stats.leverageBonus.toFixed(1)} (${((stats.leverageBonus / stats.baseStrikeForce) * 100).toFixed(1)}%)`, `Total Strike Force: ${stats.totalStrikeForce.toFixed(1)}`, `Defense: ${(stats.defense * 100).toFixed(1)}%`, `Total Defense Force: ${stats.totalDefenseForce.toFixed(1)}`, ].join('\n'); const damageStatsText = [ `Piercing: ${(stats.piercing * 100).toFixed(1)}%`, `Slashing: ${(stats.slashing * 100).toFixed(1)}%`, `Blunt: ${(stats.blunt * 100).toFixed(1)}%`, ].join('\n'); this.statsDisplay[0].setText(mainStatsText); this.statsDisplay[1].setText(damageStatsText); } finalizeWeapon() { const renderTexture = this.add.renderTexture(0, 0, 800, 600); // Draw the weapon graphics renderTexture.draw(this.weaponGraphics); // Draw each attachment without offset Object.values(this.attachmentImages).forEach((image) => { renderTexture.draw(image, image.x, image.y); }); renderTexture.snapshot((imageData) => { const canvas = document.createElement('canvas'); canvas.width = 800; canvas.height = 600; const ctx = canvas.getContext('2d'); const image = new Image(); image.onload = () => { ctx.drawImage(image, 0, 0); const weaponData = new WeaponData( canvas.toDataURL('image/png'), this.refinedWeapon.stats, this.appliedAttachments, this.shaftType, ); console.log('Finalized weapon data:', weaponData); this.scene.start('FinalizedWeaponScene', { playerAttrs: this.playerAttrs, playerSprite: this.playerSprite, weaponData: weaponData, }); }; image.src = imageData.src; }); } shutdown() { Object.values(this.attachmentImages).forEach((image) => image.destroy()); this.refinedWeapon = null; this.checkpointState = null; this.weaponGraphics = null; this.attachmentList = []; this.shaftType = null; this.selectedAttachment = null; this.attachmentTypes = {}; this.currentAttachmentTypeIndex = 0; this.attachmentImages = {}; this.appliedAttachments = {}; this.originalWeaponStats = null; } } class FinalizedWeaponScene extends Phaser.Scene { constructor() { super('FinalizedWeaponScene'); this.weaponDatabase = new WeaponDatabase(); } init(data) { this.playerAttrs = data.playerAttrs; this.playerSprite = data.playerSprite; this.weaponData = data.weaponData; } preload() {} create() { this.displayWeaponImage(); this.displayWeaponStats(); // Add the weapon to the database const weaponId = this.weaponDatabase.addWeapon(this.weaponData); console.log(`Weapon added to database. ID: ${weaponId}, Shaft Type: ${this.weaponData.shaftType}`); // Set a timer to automatically transition back to WeaponSmithScene after 0.1 seconds this.time.delayedCall(0, () => { this.scene.start('WeaponSmithScene', { playerAttrs: this.playerAttrs, playerSprite: this.playerSprite, weaponData: this.weaponData, }); }); } displayWeaponImage() { // Clear previous texture if it exists if (this.textures.exists('finalWeapon')) { this.textures.remove('finalWeapon'); } if (this.weaponData && this.weaponData.imageData) { console.log('New weapon image data:', this.weaponData.imageData); // Create a texture from the base64 encoded image data const weaponTexture = this.textures.addBase64('finalWeapon', this.weaponData.imageData); // Add the texture as an image to the scene const weaponImage = this.add.image(400, 250, 'finalWeapon'); // Scale the image to fit the scene weaponImage.setScale(0.5); } else { console.error('No weapon image data available'); } } displayWeaponStats() { if (this.weaponData && this.weaponData.stats) { const stats = this.weaponData.stats; const statsText = [ `Weight: ${stats.weight.toFixed(1)}`, `Action Cost: ${stats.actionCost.toFixed(1)}`, `Base Strike Force: ${stats.baseStrikeForce.toFixed(1)}`, `Leverage Bonus: ${stats.leverageBonus.toFixed(1)} (${((stats.leverageBonus / stats.baseStrikeForce) * 100).toFixed(1)}%)`, `Total Strike Force: ${stats.totalStrikeForce.toFixed(1)}`, `Defense: ${(stats.defense * 100).toFixed(1)}%`, `Total Defense Force: ${stats.totalDefenseForce.toFixed(1)}`, `Piercing: ${(stats.piercing * 100).toFixed(1)}%`, `Slashing: ${(stats.slashing * 100).toFixed(1)}%`, `Blunt: ${(stats.blunt * 100).toFixed(1)}%`, ]; const attachments = this.weaponData.attachments ? Object.keys(this.weaponData.attachments).join(', ') : 'None'; statsText.push(`Attachments: ${attachments}`); statsText.push(`Shaft Type: ${this.weaponData.shaftType}`); const statsTextObject = this.add.text(50, 400, statsText, { fontSize: '18px', fill: '#fff', lineSpacing: 10, }); // Add a background to the stats text const bounds = statsTextObject.getBounds(); const padding = 10; const background = this.add.rectangle( bounds.x - padding, bounds.y - padding, bounds.width + padding * 2, bounds.height + padding * 2, 0x000000, 0.7, ); background.setOrigin(0, 0); background.setDepth(statsTextObject.depth - 1); } else { console.error('No weapon stats available'); } } shutdown() { // This scene doesn't need much cleanup as it's short-lived, // but we can reset any data if needed this.weaponData = null; } } const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 800, height: 600, scene: [WeaponSmithScene, DesignWeaponScene, ForgeScene, RefiningWorkshopScene, AttachmentsScene, FinalizedWeaponScene, IntermissionScene] }; const game = new Phaser.Game(config); game.sound.once('unlocked', () => { console.log('Audio unlocked'); });