view.entity-module.Rectangle.js Maven / Gradle / Ivy

Go to download
import { Shape } from './Shape.js'

export class Rectangle extends Shape {
  static defaultSideLength () {
    return 100
  }

  constructor () {
    super()
    Object.assign(this.defaultState, {
      width: Rectangle.defaultSideLength(),
      height: Rectangle.defaultSideLength()
    })
  }

  initDisplay () {
    super.initDisplay()
    this.graphics.drawRect(0, 0, this.defaultState.width, this.defaultState.height)
    this.graphics.endFill()
  }

  updateDisplay (state, changed, globalData) {
    super.updateDisplay(state, changed, globalData)
    if (changed.lineWidth ||
      changed.lineColor ||
      changed.width ||
      changed.height ||
      changed.lineAlpha ||
      changed.fillColor) {
      this.graphics.clear()
      if (state.fillColor !== null) {
        this.graphics.beginFill(state.fillColor, state.fillAlpha)
      }

      this.graphics.lineStyle(state.lineWidth, state.lineColor, state.lineAlpha)
      this.graphics.drawRect(0, 0, state.width * globalData.toWorldUnits, state.height * globalData.toWorldUnits)
      if (state.fillColor !== null) {
        this.graphics.endFill()
      }
    }
  }
}