yasshi2525/RushHour

import { Monitorable } from "interfaces/monitor";
import { PIXIProperty } from "interfaces/pixi";
import { config } from "interfaces/gamemap";
import { GraphicsModel } from "./graphics";

const graphicsOpts = {
  color: 0xf44336,
  width: 1
};

export default class WorldBorder extends GraphicsModel implements Monitorable {
  protected radius: number;
  protected destRadius: number;

  constructor(props: PIXIProperty) {
    super(props);
    this.radius = this.calcRadius(config.scale.default);
    this.destRadius = this.radius;
  }

  updateDisplayInfo() {
    super.updateDisplayInfo();
    this.graphics.clear();
    this.graphics.lineStyle(graphicsOpts.width, graphicsOpts.color);
    this.graphics.drawRect(
      -this.radius / 2,
      -this.radius / 2,
      this.radius,
      this.radius
    );
  }

  updateDestination() {
    super.updateDestination();
    this.destRadius = this.calcRadius(this.props.coord.scale);
  }

  moveDestination() {
    super.moveDestination();
    this.radius = this.destRadius;
  }

  protected mapRatioToVariable(ratio: number) {
    super.mapRatioToVariable(ratio);
    this.radius = this.radius * ratio + this.destRadius * (1 - ratio);
  }

  protected calcRadius(scale: number) {
    return (
      (Math.pow(2, config.scale.max - scale) *
        Math.max(this.app.renderer.width, this.app.renderer.height)) /
      this.app.renderer.resolution
    );
  }
}