Add: RoundRectButton icon

This commit is contained in:
2018-05-07 17:12:52 +09:00
parent 3634e2bf01
commit 83a3a85e75
7 changed files with 84 additions and 1 deletions
+47
View File
@@ -0,0 +1,47 @@
class FullscreenButton {
constructor(game) {
this.game = game;
this.game.scale.fullScreenScaleMode = Phaser.ScaleManager.EXACT_FIT;
let setting = new RoundRectButtonSetting(50, 50);
setting.fontStyle.boundsAlignH = "center"; // left, center. right
setting.fontStyle.boundsAlignV = "middle"; // top, middle, bottom
setting.setStrokeColor(
0x884444,
0xaa6666,
0xaa6666,
0x333333
);
setting.setButtonColor(
0xddaaaa,
0xffdddd,
0xffdddd,
0x666666
);
setting.setTextColor(
"#844",
"#a66",
"#a66",
"#333"
);
let button = new RoundRectButton(setting, "", () => this.clickEvent());
button.move(this.game.world.width - 30, 30);
let icon_fullscreen = game.add.sprite(0, 0, 'icon_fullscreen');
icon_fullscreen.width = 20;
icon_fullscreen.height = 20;
button.setIcon(icon_fullscreen);
}
clickEvent() {
if(this.game.scale.isFullScreen) {
this.game.scale.stopFullScreen();
} else {
this.game.scale.startFullScreen();
}
}
}