diff --git a/src/support/interfaceManager.js b/src/support/interfaceManager.js index 86336fe..319d8ff 100644 --- a/src/support/interfaceManager.js +++ b/src/support/interfaceManager.js @@ -365,11 +365,23 @@ export class InterfaceManager { const towerInteractive = this.scene.add.rectangle(0, 0, 200, 200, 0x000000, 0); this.selectedTower.add(towerInteractive); - const rangeCircle = this.scene.add.circle(0, 0, TOWERS_CONFIG[type].level1.range, 0xc0b15c, 0.2) + const rangeCircle = this.scene.add.circle(0, 0, TOWERS_CONFIG[type].level1.range, 0xc009900, 0.2) .setOrigin(0.5) .setScrollFactor(0); this.selectedTower.add(rangeCircle); + const centerToEdgeLine = this.scene.add.line(0, 0, 0, 0, TOWERS_CONFIG[type].level1.range, 0, 0x00ff00) + .setOrigin(0) + .setDepth(6); + this.selectedTower.add(centerToEdgeLine); + + this.scene.tweens.add({ + targets: centerToEdgeLine, + angle: 360, + duration: 8000, + repeat: -1 + }); + const towerBase = this.scene.add.sprite(0, 0, 'towers', 7) .setOrigin(0.5) .setScrollFactor(0) @@ -445,15 +457,14 @@ export class InterfaceManager { const tile = platformsLayer.getTileAt(tileX, tileY); if (tile) { this.selectedTower.iterate((child) => { - if (child.type !== 'Rectangle' && child.type !== 'Arc') { + if (!['Rectangle', 'Arc', 'Line'].includes(child.type)) { child.setTint(0x48ff00); } }); this.selectedTower.safe = true; } else { this.selectedTower.iterate((child) => { - if (child.type !== 'Rectangle' && child.type !== 'Arc') { - console.log(child.type); + if (!['Rectangle', 'Arc', 'Line'].includes(child.type)) { child.setTint(0xa32a00); } });