123 lines
4.3 KiB
TypeScript
123 lines
4.3 KiB
TypeScript
module TS.SpaceTac.UI {
|
|
const SCALING = 0.00005;
|
|
const LOCATIONS: [number, number][] = [
|
|
[80, 0],
|
|
[0, -50],
|
|
[0, 50],
|
|
[-80, 0],
|
|
[0, 0],
|
|
];
|
|
const PI2 = Math.PI * 2;
|
|
|
|
/**
|
|
* Group to display a fleet
|
|
*/
|
|
export class FleetDisplay extends Phaser.Group {
|
|
private map: UniverseMapView
|
|
private fleet: Fleet
|
|
private tween: Phaser.Tween
|
|
private ship_count = 0
|
|
|
|
constructor(parent: UniverseMapView, fleet: Fleet) {
|
|
super(parent.game);
|
|
|
|
this.map = parent;
|
|
this.fleet = fleet;
|
|
|
|
this.updateShipSprites();
|
|
|
|
if (fleet.location) {
|
|
this.position.set(fleet.location.star.x + fleet.location.x, fleet.location.star.y + fleet.location.y);
|
|
}
|
|
this.scale.set(SCALING, SCALING);
|
|
|
|
this.tween = this.game.tweens.create(this);
|
|
this.loopOrbit();
|
|
}
|
|
|
|
/**
|
|
* Update the ship sprites
|
|
*/
|
|
updateShipSprites() {
|
|
if (this.ship_count != this.fleet.ships.length) {
|
|
this.removeAll(true);
|
|
this.fleet.ships.forEach((ship, index) => {
|
|
let offset = LOCATIONS[index];
|
|
let sprite = this.map.newImage(`ship-${ship.model.code}-sprite`, offset[0], offset[1] + 150);
|
|
sprite.scale.set(64 / sprite.width);
|
|
sprite.anchor.set(0.5, 0.5);
|
|
this.add(sprite);
|
|
});
|
|
|
|
this.ship_count = this.fleet.ships.length;
|
|
}
|
|
}
|
|
|
|
get location(): StarLocation {
|
|
return this.fleet.location || new StarLocation();
|
|
}
|
|
|
|
/**
|
|
* Animate to a given position in orbit of its current star location
|
|
*/
|
|
goToOrbitPoint(angle: number, speed = 1, fullturns = 0, then: Function | null = null, ease = false) {
|
|
this.tween.stop(false);
|
|
this.rotation %= PI2;
|
|
|
|
let target = -angle;
|
|
while (target >= this.rotation) {
|
|
target -= PI2;
|
|
}
|
|
target -= PI2 * fullturns;
|
|
let distance = Math.abs(target - this.rotation) / PI2;
|
|
this.tween = this.game.tweens.create(this).to({ rotation: target }, 30000 * distance / speed, ease ? Phaser.Easing.Cubic.In : Phaser.Easing.Linear.None);
|
|
if (then) {
|
|
this.tween.onComplete.addOnce(then);
|
|
}
|
|
this.tween.start();
|
|
}
|
|
|
|
/**
|
|
* Make the fleet loop in orbit
|
|
*/
|
|
loopOrbit() {
|
|
this.goToOrbitPoint(this.rotation + PI2, 1, 0, () => {
|
|
this.loopOrbit();
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Make the fleet move to another location in the same system
|
|
*/
|
|
moveToLocation(location: StarLocation, speed = 1, on_leave: ((duration: number) => any) | null = null, on_finished: Function | null = null) {
|
|
if (this.fleet.location && location != this.fleet.location) {
|
|
let dx = location.universe_x - this.fleet.location.universe_x;
|
|
let dy = location.universe_y - this.fleet.location.universe_y;
|
|
let distance = Math.sqrt(dx * dx + dy * dy);
|
|
let angle = Math.atan2(dx, dy);
|
|
this.map.current_location.setFleetMoving(true);
|
|
this.goToOrbitPoint(angle - Math.PI / 2, 40, 1, () => {
|
|
let duration = 10000 * distance / speed;
|
|
if (on_leave) {
|
|
on_leave(duration);
|
|
}
|
|
let tween = this.game.tweens.create(this.position).to({ x: this.x + dx, y: this.y + dy }, duration, Phaser.Easing.Cubic.Out);
|
|
tween.onComplete.addOnce(() => {
|
|
this.fleet.setLocation(location);
|
|
if (this.fleet.battle) {
|
|
this.game.state.start("router");
|
|
} else {
|
|
this.map.current_location.setFleetMoving(false);
|
|
this.loopOrbit();
|
|
}
|
|
|
|
if (on_finished) {
|
|
on_finished();
|
|
}
|
|
});
|
|
tween.start();
|
|
}, true);
|
|
}
|
|
}
|
|
}
|
|
} |