91 lines
2.7 KiB
TypeScript
91 lines
2.7 KiB
TypeScript
module TK.SpaceTac.UI {
|
|
/**
|
|
* Drone sprite in the arena
|
|
*/
|
|
export class ArenaDrone extends Phaser.Group {
|
|
// Link to view
|
|
view: BattleView
|
|
|
|
// Link to displayed drone
|
|
drone: Drone
|
|
|
|
// Sprite
|
|
sprite: Phaser.Button
|
|
|
|
// Radius
|
|
radius: Phaser.Graphics
|
|
|
|
// Activation effect
|
|
activation: Phaser.Graphics
|
|
|
|
constructor(battleview: BattleView, drone: Drone) {
|
|
super(battleview.game);
|
|
|
|
this.view = battleview;
|
|
this.drone = drone;
|
|
|
|
this.radius = new Phaser.Graphics(this.game, 0, 0);
|
|
this.radius.lineStyle(2, 0xe9f2f9, 0.5);
|
|
this.radius.beginFill(0xe9f2f9, 0.1);
|
|
this.radius.drawCircle(0, 0, drone.radius * 2);
|
|
this.radius.endFill();
|
|
this.add(this.radius);
|
|
|
|
this.activation = new Phaser.Graphics(this.game, 0, 0);
|
|
this.activation.lineStyle(2, 0xe9f2f9, 0.7);
|
|
this.activation.beginFill(0xe9f2f9, 0.0);
|
|
this.activation.drawCircle(0, 0, drone.radius * 2);
|
|
this.activation.endFill();
|
|
this.activation.visible = false;
|
|
this.add(this.activation);
|
|
|
|
this.sprite = this.view.newButton(`action-${drone.code}`);
|
|
this.sprite.anchor.set(0.5, 0.5);
|
|
this.sprite.scale.set(0.1, 0.1);
|
|
this.add(this.sprite);
|
|
|
|
this.view.tooltip.bindDynamicText(this.sprite, () => {
|
|
return this.drone.getDescription();
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Start the activation animation
|
|
*
|
|
* Return the animation duration
|
|
*/
|
|
setApplied(): number {
|
|
this.activation.scale.set(0.001, 0.001);
|
|
this.activation.visible = true;
|
|
let tween = this.game.tweens.create(this.activation.scale).to({ x: 1, y: 1 }, 500);
|
|
tween.onComplete.addOnce(() => this.activation.visible = false);
|
|
tween.start();
|
|
return 500;
|
|
}
|
|
|
|
/**
|
|
* Set the sprite as destroyed
|
|
*
|
|
* Return the animation duration
|
|
*/
|
|
setDestroyed(): number {
|
|
this.game.tweens.create(this).to({ alpha: 0.3 }, 300).delay(200).start();
|
|
|
|
let tween = this.game.tweens.create(this.radius.scale).to({ x: 0, y: 0 }, 500);
|
|
tween.onComplete.addOnce(() => {
|
|
this.destroy();
|
|
});
|
|
tween.start();
|
|
|
|
return 500;
|
|
}
|
|
|
|
/**
|
|
* Set the tactical mode display
|
|
*/
|
|
setTacticalMode(active: boolean) {
|
|
this.sprite.scale.set(active ? 0.2 : 0.1);
|
|
}
|
|
}
|
|
}
|