66 lines
2.2 KiB
JavaScript
66 lines
2.2 KiB
JavaScript
/////////////////////////////
|
|
// Screen bottom
|
|
|
|
class ScreenBottom {
|
|
|
|
constructor(game) {
|
|
this.game = game;
|
|
|
|
this.BOTTOM_BAR_HEIGHT = 50;
|
|
this.BOTTOM_BAR_NAME_WIDTH = 200;
|
|
this.BOTTOM_BAR_TEXT_OFFSET = 10;
|
|
|
|
this.bottomAreaPositionY = this.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 = this.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 = this.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 = this.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() {
|
|
this.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;
|
|
}
|
|
|
|
} |