93 lines
3.4 KiB
JavaScript
93 lines
3.4 KiB
JavaScript
class TownSquareScene extends Phaser.Scene {
|
|
constructor() {
|
|
super({ key: 'TownSquareScene' });
|
|
this.buildingsSprites = new Map();
|
|
}
|
|
|
|
create() {
|
|
console.log('🏘️ TownSquareScene: Initialized!');
|
|
this.cameras.main.setBackgroundColor('#8B4513');
|
|
|
|
// Access the global TownRestorationSystem
|
|
this.townRestorationSystem = window.townRestorationSystem || new TownRestorationSystem(this);
|
|
|
|
this.add.text(512, 50, 'TOWN SQUARE', {
|
|
fontSize: '48px', color: '#FFD700', fontFamily: 'Courier New', fontStyle: 'bold'
|
|
}).setOrigin(0.5);
|
|
|
|
this.add.text(512, 100, 'Press M to go back to Farm', {
|
|
fontSize: '18px', color: '#ffffff', fontFamily: 'Courier New'
|
|
}).setOrigin(0.5);
|
|
|
|
// Transition back
|
|
this.input.keyboard.on('keydown-M', () => {
|
|
this.scene.start('GameScene');
|
|
});
|
|
|
|
// Create Ruins
|
|
this.createBuilding(400, 300, 'jakob_shop', 'Jakob\'s Shop');
|
|
this.createBuilding(650, 300, 'lena_bakery', 'Lena\'s Bakery');
|
|
this.createBuilding(512, 500, 'dr_chen_clinic', 'Dr. Chen\'s Clinic');
|
|
}
|
|
|
|
createBuilding(x, y, id, name) {
|
|
if (!this.townRestorationSystem) return;
|
|
|
|
const buildingData = this.townRestorationSystem.buildings.get(id);
|
|
const isRestored = buildingData ? buildingData.isRestored : false;
|
|
|
|
const color = isRestored ? 0x44aa44 : 0x666666;
|
|
const base = this.add.rectangle(x, y, 150, 150, color, 0.8);
|
|
base.setStrokeStyle(3, 0xffffff);
|
|
|
|
const label = this.add.text(x, y, `${name}\n${isRestored ? '✅ RESTORED' : '🏚️ RUIN'}`, {
|
|
fontSize: '16px', color: '#ffffff', align: 'center', fontFamily: 'Courier New', fontStyle: 'bold'
|
|
}).setOrigin(0.5);
|
|
|
|
base.setInteractive();
|
|
base.on('pointerdown', () => {
|
|
const currentData = this.townRestorationSystem.buildings.get(id);
|
|
if (!currentData || !currentData.isRestored) {
|
|
this.interactWithRuin(id);
|
|
} else {
|
|
const ui = this.scene.scene.get('UIScene');
|
|
if (ui && ui.showNotification) {
|
|
ui.showNotification({ text: `${name} is functional!`, icon: '🏪' });
|
|
}
|
|
}
|
|
});
|
|
|
|
this.buildingsSprites.set(id, { base, label, name });
|
|
}
|
|
|
|
interactWithRuin(id) {
|
|
const building = this.townRestorationSystem.buildings.get(id);
|
|
if (!building) return;
|
|
|
|
if (this.townRestorationSystem.hasMaterials(building.materials)) {
|
|
this.townRestorationSystem.startRestoration(id);
|
|
} else {
|
|
const ui = this.scene.scene.get('UIScene');
|
|
if (ui && ui.showNotification) {
|
|
ui.showNotification({
|
|
title: 'Resources Needed',
|
|
text: `Wood: ${building.materials.wood}, Stone: ${building.materials.stone}`,
|
|
icon: '📦'
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
updateBuildingVisuals(id) {
|
|
const sprite = this.buildingsSprites.get(id);
|
|
if (sprite) {
|
|
sprite.base.setFillStyle(0x44aa44);
|
|
sprite.label.setText(`${sprite.name}\n✅ RESTORED`);
|
|
|
|
// Celebration effect
|
|
this.cameras.main.shake(500, 0.01);
|
|
console.log(`✨ Visuals updated for ${id}`);
|
|
}
|
|
}
|
|
}
|