114 lines
3.0 KiB
TypeScript
114 lines
3.0 KiB
TypeScript
|
import BattleScene from "../battle-scene";
|
||
|
import { addTextObject, TextStyle } from "../text";
|
||
|
import { Mode } from "./ui";
|
||
|
import UiHandler from "./uiHandler";
|
||
|
|
||
|
export default class ConfirmUiHandler extends UiHandler {
|
||
|
private yesHandler: Function;
|
||
|
private noHander: Function;
|
||
|
|
||
|
private confirmContainer: Phaser.GameObjects.Container;
|
||
|
private confirmBg: Phaser.GameObjects.Image;
|
||
|
|
||
|
private cursorObj: Phaser.GameObjects.Image;
|
||
|
|
||
|
private switchCheck: boolean;
|
||
|
private switchCheckCursor: integer;
|
||
|
|
||
|
constructor(scene: BattleScene) {
|
||
|
super(scene, Mode.CONFIRM);
|
||
|
}
|
||
|
|
||
|
setup() {
|
||
|
const ui = this.getUi();
|
||
|
|
||
|
this.confirmContainer = this.scene.add.container((this.scene.game.canvas.width / 6) - 49, -49);
|
||
|
this.confirmContainer.setVisible(false);
|
||
|
ui.add(this.confirmContainer);
|
||
|
|
||
|
this.confirmBg = this.scene.add.image(0, 0, 'boolean_window');
|
||
|
this.confirmBg.setOrigin(0, 1);
|
||
|
this.confirmContainer.add(this.confirmBg);
|
||
|
|
||
|
const confirmText = addTextObject(this.scene, 0, 0, 'Yes\nNo', TextStyle.WINDOW, { maxLines: 2 });
|
||
|
confirmText.setPositionRelative(this.confirmBg, 16, 9);
|
||
|
confirmText.setLineSpacing(12);
|
||
|
this.confirmContainer.add(confirmText);
|
||
|
|
||
|
this.setCursor(0);
|
||
|
}
|
||
|
|
||
|
show(args: any[]) {
|
||
|
if (args.length >= 2 && args[0] instanceof Function && args[1] instanceof Function) {
|
||
|
super.show(args);
|
||
|
|
||
|
this.yesHandler = args[0] as Function;
|
||
|
this.noHander = args[1] as Function;
|
||
|
this.switchCheck = args.length >= 3 && args[2] as boolean;
|
||
|
|
||
|
this.confirmContainer.setVisible(true);
|
||
|
this.setCursor(this.switchCheck ? this.switchCheckCursor : 0);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
processInput(keyCode: integer) {
|
||
|
const keyCodes = Phaser.Input.Keyboard.KeyCodes;
|
||
|
const ui = this.getUi();
|
||
|
|
||
|
let success = false;
|
||
|
|
||
|
if (keyCode === keyCodes.Z || keyCode === keyCodes.X) {
|
||
|
success = true;
|
||
|
if (keyCode === keyCodes.X)
|
||
|
this.setCursor(1);
|
||
|
const handler = this.cursor ? this.noHander : this.yesHandler;
|
||
|
handler();
|
||
|
console.log(this.cursor ? this.noHander : this.yesHandler);
|
||
|
this.clear();
|
||
|
} else {
|
||
|
switch (keyCode) {
|
||
|
case keyCodes.UP:
|
||
|
if (this.cursor)
|
||
|
success = this.setCursor(0);
|
||
|
break;
|
||
|
case keyCodes.DOWN:
|
||
|
if (!this.cursor)
|
||
|
success = this.setCursor(1);
|
||
|
break;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if (success)
|
||
|
ui.playSelect();
|
||
|
}
|
||
|
|
||
|
setCursor(cursor: integer): boolean {
|
||
|
const ret = super.setCursor(cursor);
|
||
|
|
||
|
if (ret && this.switchCheck)
|
||
|
this.switchCheckCursor = this.cursor;
|
||
|
|
||
|
if (!this.cursorObj) {
|
||
|
this.cursorObj = this.scene.add.image(0, 0, 'cursor');
|
||
|
this.confirmContainer.add(this.cursorObj);
|
||
|
}
|
||
|
|
||
|
this.cursorObj.setPositionRelative(this.confirmBg, 12, this.cursor ? 33 : 17);
|
||
|
|
||
|
return ret;
|
||
|
}
|
||
|
|
||
|
clear() {
|
||
|
super.clear();
|
||
|
this.yesHandler = null;
|
||
|
this.noHander = null;
|
||
|
this.confirmContainer.setVisible(false);
|
||
|
this.eraseCursor();
|
||
|
}
|
||
|
|
||
|
eraseCursor() {
|
||
|
if (this.cursorObj)
|
||
|
this.cursorObj.destroy();
|
||
|
this.cursorObj = null;
|
||
|
}
|
||
|
}
|