///////////////////////////// // Screen bottom class ScreenBottom { constructor() { this.BOTTOM_BAR_HEIGHT = 50; this.BOTTOM_BAR_NAME_WIDTH = 200; this.BOTTOM_BAR_TEXT_OFFSET = 10; this.bottomAreaPositionY = game.world.height - this.BOTTOM_BAR_HEIGHT; let style = { font: "32px Arial", fill: "#fff", align: "left", boundsAlignH: "left", boundsAlignV: "bottom" }; let posX = this.BOTTOM_BAR_TEXT_OFFSET; this.leftText = game.add.text(posX, this.bottomAreaPositionY, "", style) .setTextBounds(0, 0, this.BOTTOM_BAR_NAME_WIDTH, this.BOTTOM_BAR_HEIGHT) .addColor('#ffffff', 0); // .setShadow(3, 3, 'rgba(0, 0, 0, 0.5)', 2); // let style = { font: "32px Arial", fill: "#fff", align: "center", boundsAlignH: "center", boundsAlignV: "bottom" }; style.align = "center"; style.boundsAlignH = "center"; posX = game.world.width / 2 - this.BOTTOM_BAR_NAME_OFFSET_RIGHT; this.centerText = game.add.text(0, this.bottomAreaPositionY, "", style) .setTextBounds(0, 0, game.world.width, this.BOTTOM_BAR_HEIGHT) .addColor('#ffffff', 0); // .setShadow(3, 3, 'rgba(0, 0, 0, 0.5)', 2); // let style = { font: "32px Arial", fill: "#fff", align: "right", boundsAlignH: "right", boundsAlignV: "bottom" }; style.align = "right"; style.boundsAlignH = "right"; posX = game.world.width - this.BOTTOM_BAR_NAME_WIDTH - this.BOTTOM_BAR_TEXT_OFFSET; this.rightText = game.add.text(posX, this.bottomAreaPositionY, "", style) .setTextBounds(0, 0, this.BOTTOM_BAR_NAME_WIDTH, this.BOTTOM_BAR_HEIGHT) .addColor('#ffffff', 0); // .setShadow(3, 3, 'rgba(0, 0, 0, 0.5)', 2); } makeBottomLine() { game.add.graphics() .beginFill(0xffffff, 0.1) .drawRect(0, this.bottomAreaPositionY, game.world.width, this.BOTTOM_BAR_HEIGHT); let textStyleInfo = textStyleBasic; //$.extend( {}, textStyleBasic); textStyleInfo.font = "32px Arial"; textStyleInfo.align = "right"; textStyleInfo.boundsAlignH = "right"; } printBottomLeftText(text) { this.leftText.text = text; } printBottomCenterText(text) { this.centerText.text = text; } printBottomRightText(text) { this.rightText.text = text; } }