spacetac/src/ui/map/StarSystemDisplay.ts

module TS.SpaceTac.UI {
    // Group to display a star system
    export class StarSystemDisplay extends Phaser.Image {
        starsystem: Star;
        player: Player;
        fleet_display: FleetDisplay;
        locations: [StarLocation, Phaser.Image, Phaser.Image][] = [];

        constructor(parent: UniverseMapView, starsystem: Star) {
            super(parent.game, starsystem.x, starsystem.y, "map-starsystem-background");

            this.anchor.set(0.5, 0.5);

            let scale = this.width;
            this.scale.set(starsystem.radius * 2 / scale);

            this.starsystem = starsystem;
            this.player = parent.player;
            this.fleet_display = parent.player_fleet;

            // Show boundary
            this.addCircle(starsystem.radius);

            // Show locations
            starsystem.locations.map(location => {
                let location_sprite: Phaser.Image | null = null;
                let fleet_move = () => this.fleet_display.moveToLocation(location);

                if (location.type == StarLocationType.STAR) {
                    location_sprite = this.addImage(location.x, location.y, "map-location-star", fleet_move);
                } else if (location.type == StarLocationType.PLANET) {
                    location_sprite = this.addImage(location.x, location.y, "map-location-planet", fleet_move);
                    location_sprite.rotation = Math.atan2(location.y, location.x);
                    this.addCircle(Math.sqrt(location.x * location.x + location.y * location.y), 1);
                } else if (location.type == StarLocationType.WARP) {
                    location_sprite = this.addImage(location.x, location.y, "map-location-warp", fleet_move);
                }

                if (location_sprite) {
                    let key = this.getVisitedKey(location);
                    let status_badge = this.addImage(location.x + 0.005, location.y + 0.005, key);
                    this.locations.push([location, location_sprite, status_badge]);
                }
            });
        }

        addImage(x: number, y: number, key: string, onclick: Function | null = null): Phaser.Image {
            x /= this.scale.x;
            y /= this.scale.y;
            let image = onclick ? this.game.add.button(x, y, key, onclick) : this.game.add.image(x, y, key);
            image.anchor.set(0.5, 0.5);
            this.addChild(image);
            return image;
        }

        addCircle(radius, width = 3, color = 0x424242): Phaser.Graphics {
            let circle = this.game.add.graphics(0, 0);
            circle.lineStyle(width, color);
            circle.drawCircle(0, 0, radius * 2 / this.scale.x);
            this.addChild(circle);
            return circle;
        }

        /**
         * Return the sprite code to use for visited status.
         */
        getVisitedKey(location: StarLocation) {
            return this.player.hasVisitedLocation(location) ? (location.encounter ? "map-state-enemy" : "map-state-clear") : "map-state-unknown";
        }

        /**
         * Update displayed information, and fog of war
         */
        updateInfo(level: number, focus: boolean) {
            this.locations.forEach(info => {
                info[2].loadTexture(this.getVisitedKey(info[0]));
            });

            // LOD
            let detailed = focus && level == 2;
            this.children.forEach(child => Animation.setVisibility(this.game, child, detailed, 300));
        }
    }
}