class letterbutton extends Phaser.GameObjects.Image {
  constructor(scene, x, y, texture,letter) {
    super(scene, x, y, texture);
    var that = this
    let br = that.add.text(x,y,letter, {font: "16px Optima", fill: "#000000"})
    Phaser.Display.Align.In.Center(br, that)
    that.setInteractive({ useHandCursor: true })
      .on('pointerover', () => that.enterButtonHoverState() )
      .on('pointerout', () => that.enterButtonRestState() )
      .on('pointerdown', () => that.enterButtonActiveState() )
      .on('pointerup', () => {
        that.enterButtonHoverState();
        
      });
  }

  enterButtonHoverState() {
    this.setTint(505050);
  }

  enterButtonRestState() {
    this.clearTint();
  }

  enterButtonActiveState() {
    this.setTint(252525);
  }
}