mirror of
https://github.com/pagefaultgames/pokerogue.git
synced 2024-12-04 20:56:09 +00:00
548 lines
19 KiB
TypeScript
548 lines
19 KiB
TypeScript
import BattleScene, { Button } from "../battle-scene";
|
|
import { Mode } from "./ui";
|
|
import UiHandler from "./uiHandler";
|
|
import * as Utils from "../utils";
|
|
import { PlayerPokemon } from "../pokemon";
|
|
import { Type } from "../type";
|
|
import { TextStyle, addTextObject } from "../text";
|
|
import Move, { MoveCategory } from "../move";
|
|
import { getPokeballAtlasKey } from "../pokeball";
|
|
import { getGenderColor, getGenderSymbol } from "../gender";
|
|
|
|
enum Page {
|
|
PROFILE,
|
|
MOVES
|
|
}
|
|
|
|
export enum SummaryUiMode {
|
|
DEFAULT,
|
|
LEARN_MOVE
|
|
}
|
|
|
|
export default class SummaryUiHandler extends UiHandler {
|
|
private summaryUiMode: SummaryUiMode;
|
|
|
|
private summaryContainer: Phaser.GameObjects.Container;
|
|
private numberText: Phaser.GameObjects.Text;
|
|
private pokemonSprite: Phaser.GameObjects.Sprite;
|
|
private nameText: Phaser.GameObjects.Text;
|
|
private pokeball: Phaser.GameObjects.Sprite;
|
|
private levelText: Phaser.GameObjects.Text;
|
|
private genderText: Phaser.GameObjects.Text;
|
|
private summaryPageContainer: Phaser.GameObjects.Container;
|
|
private movesContainer: Phaser.GameObjects.Container;
|
|
private moveDescriptionText: Phaser.GameObjects.Text;
|
|
private moveCursorObj: Phaser.GameObjects.Sprite;
|
|
private selectedMoveCursorObj: Phaser.GameObjects.Sprite;
|
|
private moveRowsContainer: Phaser.GameObjects.Container;
|
|
private extraMoveRowContainer: Phaser.GameObjects.Container;
|
|
private moveEffectContainer: Phaser.GameObjects.Container;
|
|
private movePowerText: Phaser.GameObjects.Text;
|
|
private moveAccuracyText: Phaser.GameObjects.Text;
|
|
private moveCategoryIcon: Phaser.GameObjects.Sprite;
|
|
private summaryPageTransitionContainer: Phaser.GameObjects.Container;
|
|
|
|
private moveDescriptionScrollTween: Phaser.Tweens.Tween;
|
|
private moveCursorBlinkTimer: Phaser.Time.TimerEvent;
|
|
|
|
private pokemon: PlayerPokemon;
|
|
private newMove: Move;
|
|
private moveSelectFunction: Function;
|
|
private transitioning: boolean;
|
|
private moveEffectsVisible: boolean;
|
|
|
|
private moveSelect: boolean;
|
|
private moveCursor: integer;
|
|
private selectedMoveIndex: integer;
|
|
|
|
constructor(scene: BattleScene) {
|
|
super(scene, Mode.SUMMARY);
|
|
}
|
|
|
|
setup() {
|
|
const ui = this.getUi();
|
|
|
|
this.summaryContainer = this.scene.add.container(0, 0);
|
|
this.summaryContainer.setVisible(false);
|
|
ui.add(this.summaryContainer);
|
|
|
|
const summaryBg = this.scene.add.image(0, 0, 'summary_bg');
|
|
summaryBg.setOrigin(0, 1);
|
|
this.summaryContainer.add(summaryBg);
|
|
|
|
this.numberText = addTextObject(this.scene, 17, -150, '000', TextStyle.SUMMARY);
|
|
this.numberText.setOrigin(0, 1);
|
|
this.summaryContainer.add(this.numberText);
|
|
|
|
this.pokemonSprite = this.scene.add.sprite(56, -106, `pkmn__sub`);
|
|
this.summaryContainer.add(this.pokemonSprite);
|
|
|
|
this.nameText = addTextObject(this.scene, 6, -39, '', TextStyle.SUMMARY);
|
|
this.nameText.setOrigin(0, 1);
|
|
this.summaryContainer.add(this.nameText);
|
|
|
|
this.pokeball = this.scene.add.sprite(6, -23, 'pb');
|
|
this.pokeball.setOrigin(0, 1);
|
|
this.summaryContainer.add(this.pokeball);
|
|
|
|
this.levelText = addTextObject(this.scene, 36, -22, '', TextStyle.SUMMARY);
|
|
this.levelText.setOrigin(0, 1);
|
|
this.summaryContainer.add(this.levelText);
|
|
|
|
this.genderText = addTextObject(this.scene, 96, -22, '', TextStyle.SUMMARY);
|
|
this.genderText.setOrigin(0, 1);
|
|
this.summaryContainer.add(this.genderText);
|
|
|
|
this.moveEffectContainer = this.scene.add.container(106, -62);
|
|
this.summaryContainer.add(this.moveEffectContainer);
|
|
|
|
const moveEffectBg = this.scene.add.image(0, 0, 'summary_moves_effect');
|
|
moveEffectBg.setOrigin(0, 0);
|
|
this.moveEffectContainer.add(moveEffectBg);
|
|
|
|
this.movePowerText = addTextObject(this.scene, 99, 27, '0', TextStyle.WINDOW);
|
|
this.movePowerText.setOrigin(1, 1);
|
|
this.moveEffectContainer.add(this.movePowerText);
|
|
|
|
this.moveAccuracyText = addTextObject(this.scene, 99, 43, '0', TextStyle.WINDOW);
|
|
this.moveAccuracyText.setOrigin(1, 1);
|
|
this.moveEffectContainer.add(this.moveAccuracyText);
|
|
|
|
this.moveCategoryIcon = this.scene.add.sprite(99, 57, 'categories');
|
|
this.moveCategoryIcon.setOrigin(1, 1);
|
|
this.moveEffectContainer.add(this.moveCategoryIcon);
|
|
|
|
const getSummaryPageBg = () => {
|
|
const ret = this.scene.add.sprite(0, 0, this.getPageKey(0));
|
|
ret.setOrigin(0, 1);
|
|
return ret;
|
|
};
|
|
|
|
this.summaryContainer.add((this.summaryPageContainer = this.scene.add.container(106, 0)));
|
|
this.summaryPageContainer.add(getSummaryPageBg());
|
|
this.summaryPageContainer.setVisible(false);
|
|
this.summaryContainer.add((this.summaryPageTransitionContainer = this.scene.add.container(106, 0)));
|
|
this.summaryPageTransitionContainer.add(getSummaryPageBg());
|
|
this.summaryPageTransitionContainer.setVisible(false);
|
|
}
|
|
|
|
getPageKey(page?: integer) {
|
|
if (page === undefined)
|
|
page = this.cursor;
|
|
return `summary_${Page[page].toLowerCase()}`;
|
|
}
|
|
|
|
show(args: any[]) {
|
|
super.show(args);
|
|
|
|
this.pokemon = args[0] as PlayerPokemon;
|
|
this.summaryUiMode = args.length > 1 ? args[1] as SummaryUiMode : SummaryUiMode.DEFAULT;
|
|
|
|
this.summaryContainer.setVisible(true);
|
|
this.cursor = -1;
|
|
|
|
this.numberText.setText(Utils.padInt(this.pokemon.species.speciesId, 3));
|
|
|
|
this.pokemonSprite.play(this.pokemon.getSpriteKey());
|
|
this.pokemon.cry();
|
|
|
|
this.nameText.setText(this.pokemon.name);
|
|
this.pokeball.setFrame(getPokeballAtlasKey(this.pokemon.pokeball));
|
|
this.levelText.setText(this.pokemon.level.toString());
|
|
this.genderText.setText(getGenderSymbol(this.pokemon.gender));
|
|
this.genderText.setColor(getGenderColor(this.pokemon.gender));
|
|
this.genderText.setShadowColor(getGenderColor(this.pokemon.gender, true));
|
|
|
|
switch (this.summaryUiMode) {
|
|
case SummaryUiMode.DEFAULT:
|
|
const page = args.length < 2 ? Page.PROFILE : args[2] as Page;
|
|
this.hideMoveEffect(true);
|
|
this.setCursor(page);
|
|
break;
|
|
case SummaryUiMode.LEARN_MOVE:
|
|
this.newMove = args[2] as Move;
|
|
this.moveSelectFunction = args[3] as Function;
|
|
|
|
this.showMoveEffect(true);
|
|
this.setCursor(Page.MOVES);
|
|
this.showMoveSelect();
|
|
break;
|
|
}
|
|
}
|
|
|
|
processInput(button: Button) {
|
|
if (this.transitioning)
|
|
return;
|
|
|
|
const ui = this.getUi();
|
|
|
|
let success = false;
|
|
|
|
if (this.moveSelect) {
|
|
if (button === Button.ACTION) {
|
|
if (this.moveCursor < this.pokemon.moveset.length) {
|
|
if (this.summaryUiMode === SummaryUiMode.LEARN_MOVE)
|
|
this.moveSelectFunction(this.moveCursor);
|
|
else {
|
|
if (this.selectedMoveIndex === -1) {
|
|
this.selectedMoveIndex = this.moveCursor;
|
|
this.setCursor(this.moveCursor);
|
|
} else {
|
|
if (this.selectedMoveIndex !== this.moveCursor) {
|
|
const tempMove = this.pokemon.moveset[this.selectedMoveIndex];
|
|
this.pokemon.moveset[this.selectedMoveIndex] = this.pokemon.moveset[this.moveCursor];
|
|
this.pokemon.moveset[this.moveCursor] = tempMove;
|
|
|
|
const selectedMoveRow = this.moveRowsContainer.getAt(this.selectedMoveIndex) as Phaser.GameObjects.Container;
|
|
const switchMoveRow = this.moveRowsContainer.getAt(this.moveCursor) as Phaser.GameObjects.Container;
|
|
|
|
this.moveRowsContainer.moveTo(selectedMoveRow, this.moveCursor);
|
|
this.moveRowsContainer.moveTo(switchMoveRow, this.selectedMoveIndex);
|
|
|
|
selectedMoveRow.setY(this.moveCursor * 16);
|
|
switchMoveRow.setY(this.selectedMoveIndex * 16);
|
|
}
|
|
|
|
this.selectedMoveIndex = -1;
|
|
if (this.selectedMoveCursorObj) {
|
|
this.selectedMoveCursorObj.destroy();
|
|
this.selectedMoveCursorObj = null;
|
|
}
|
|
}
|
|
}
|
|
success = true;
|
|
} else if (this.moveCursor === 4)
|
|
this.processInput(Button.CANCEL);
|
|
else
|
|
ui.playError();
|
|
} else if (button === Button.CANCEL) {
|
|
this.hideMoveSelect();
|
|
success = true;
|
|
} else {
|
|
switch (button) {
|
|
case Button.UP:
|
|
success = this.setCursor(this.moveCursor ? this.moveCursor - 1 : 4);
|
|
break;
|
|
case Button.DOWN:
|
|
success = this.setCursor(this.moveCursor < 4 ? this.moveCursor + 1 : 0);
|
|
break;
|
|
}
|
|
}
|
|
} else {
|
|
if (button === Button.ACTION) {
|
|
if (this.cursor === Page.MOVES) {
|
|
this.showMoveSelect();
|
|
success = true;
|
|
}
|
|
} else if (button === Button.CANCEL) {
|
|
ui.setMode(Mode.PARTY);
|
|
success = true;
|
|
} else {
|
|
const pages = Utils.getEnumValues(Page);
|
|
switch (button) {
|
|
case Button.UP:
|
|
case Button.DOWN:
|
|
const isDown = button === Button.DOWN;
|
|
const party = this.scene.getParty();
|
|
const partyMemberIndex = party.indexOf(this.pokemon);
|
|
if ((isDown && partyMemberIndex < party.length - 1) || (!isDown && partyMemberIndex)) {
|
|
const page = this.cursor;
|
|
this.clear();
|
|
this.show([ party[partyMemberIndex + (isDown ? 1 : -1)], this.summaryUiMode, page ]);
|
|
}
|
|
break;
|
|
case Button.LEFT:
|
|
if (this.cursor)
|
|
success = this.setCursor(this.cursor - 1);
|
|
break;
|
|
case Button.RIGHT:
|
|
if (this.cursor < pages.length - 1)
|
|
success = this.setCursor(this.cursor + 1);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
if (success)
|
|
ui.playSelect();
|
|
}
|
|
|
|
setCursor(cursor: integer): boolean {
|
|
let changed: boolean;
|
|
|
|
if (this.moveSelect) {
|
|
changed = this.moveCursor !== cursor;
|
|
if (changed) {
|
|
this.moveCursor = cursor;
|
|
|
|
const selectedMove = this.getSelectedMove();
|
|
|
|
if (selectedMove) {
|
|
this.movePowerText.setText(selectedMove.power >= 0 ? selectedMove.power.toString() : '---');
|
|
this.moveAccuracyText.setText(selectedMove.accuracy >= 0 ? selectedMove.accuracy.toString() : '---');
|
|
this.moveCategoryIcon.setFrame(MoveCategory[selectedMove.category].toLowerCase());
|
|
this.showMoveEffect();
|
|
} else
|
|
this.hideMoveEffect();
|
|
|
|
this.moveDescriptionText.setText(selectedMove?.effect || '');
|
|
const moveDescriptionLineCount = Math.floor(this.moveDescriptionText.displayHeight / 14.83);
|
|
|
|
if (this.moveDescriptionScrollTween) {
|
|
this.moveDescriptionScrollTween.remove();
|
|
this.moveDescriptionScrollTween = null;
|
|
}
|
|
|
|
if (moveDescriptionLineCount > 3) {
|
|
this.moveDescriptionText.setY(84);
|
|
this.moveDescriptionScrollTween = this.scene.tweens.add({
|
|
targets: this.moveDescriptionText,
|
|
delay: 2000,
|
|
loop: -1,
|
|
loopDelay: 2000,
|
|
duration: (moveDescriptionLineCount - 3) * 2000,
|
|
y: `-=${14.83 * (moveDescriptionLineCount - 3)}`,
|
|
onLoop: () => {
|
|
this.moveDescriptionText.setY(84);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
if (!this.moveCursorObj) {
|
|
this.moveCursorObj = this.scene.add.sprite(-2, 0, 'summary_moves_cursor', 'highlight');
|
|
this.moveCursorObj.setOrigin(0, 1);
|
|
this.movesContainer.add(this.moveCursorObj);
|
|
}
|
|
|
|
this.moveCursorObj.setY(16 * this.moveCursor + 1);
|
|
|
|
if (this.moveCursorBlinkTimer)
|
|
this.moveCursorBlinkTimer.destroy();
|
|
this.moveCursorObj.setVisible(true);
|
|
this.moveCursorBlinkTimer = this.scene.time.addEvent({
|
|
loop: true,
|
|
delay: 600,
|
|
callback: () => {
|
|
this.moveCursorObj.setVisible(false);
|
|
this.scene.time.delayedCall(100, () => {
|
|
if (!this.moveCursorObj)
|
|
return;
|
|
this.moveCursorObj.setVisible(true);
|
|
});
|
|
}
|
|
});
|
|
|
|
if (this.selectedMoveIndex > -1) {
|
|
if (!this.selectedMoveCursorObj) {
|
|
this.selectedMoveCursorObj = this.scene.add.sprite(-2, 0, 'summary_moves_cursor', 'select');
|
|
this.selectedMoveCursorObj.setOrigin(0, 1);
|
|
this.movesContainer.add(this.selectedMoveCursorObj);
|
|
this.movesContainer.moveBelow(this.selectedMoveCursorObj, this.moveCursorObj);
|
|
}
|
|
|
|
this.selectedMoveCursorObj.setY(16 * this.selectedMoveIndex + 1);
|
|
}
|
|
} else {
|
|
changed = this.cursor !== cursor;
|
|
if (changed) {
|
|
const forward = this.cursor < cursor;
|
|
this.cursor = cursor;
|
|
|
|
if (this.summaryPageContainer.visible) {
|
|
this.transitioning = true;
|
|
this.populatePageContainer(this.summaryPageTransitionContainer, forward ? cursor : cursor + 1);
|
|
if (forward)
|
|
this.summaryPageTransitionContainer.x += 214;
|
|
else
|
|
this.populatePageContainer(this.summaryPageContainer);
|
|
this.scene.tweens.add({
|
|
targets: this.summaryPageTransitionContainer,
|
|
x: forward ? '-=214' : '+=214',
|
|
duration: 250,
|
|
onComplete: () => {
|
|
if (forward)
|
|
this.populatePageContainer(this.summaryPageContainer);
|
|
else
|
|
this.summaryPageTransitionContainer.x -= 214;
|
|
this.summaryPageTransitionContainer.setVisible(false);
|
|
this.transitioning = false;
|
|
}
|
|
});
|
|
this.summaryPageTransitionContainer.setVisible(true);
|
|
} else {
|
|
this.populatePageContainer(this.summaryPageContainer);
|
|
this.summaryPageContainer.setVisible(true);
|
|
}
|
|
}
|
|
}
|
|
|
|
return changed;
|
|
}
|
|
|
|
populatePageContainer(pageContainer: Phaser.GameObjects.Container, page?: Page) {
|
|
if (page === undefined)
|
|
page = this.cursor;
|
|
|
|
if (pageContainer.getAll().length > 1) {
|
|
if (this.movesContainer)
|
|
this.movesContainer.removeAll(true);
|
|
pageContainer.removeBetween(1, undefined, true);
|
|
}
|
|
const pageBg = (pageContainer.getAt(0) as Phaser.GameObjects.Sprite);
|
|
pageBg.setTexture(this.getPageKey(page));
|
|
|
|
switch (page) {
|
|
case Page.MOVES:
|
|
this.movesContainer = this.scene.add.container(5, -pageBg.height + 26);
|
|
pageContainer.add(this.movesContainer);
|
|
|
|
this.extraMoveRowContainer = this.scene.add.container(0, 64);
|
|
this.extraMoveRowContainer.setVisible(false);
|
|
this.movesContainer.add(this.extraMoveRowContainer);
|
|
|
|
const extraRowOverlay = this.scene.add.image(-2, 1, 'summary_moves_overlay_row');
|
|
extraRowOverlay.setOrigin(0, 1);
|
|
this.extraMoveRowContainer.add(extraRowOverlay);
|
|
|
|
const extraRowText = addTextObject(this.scene, 35, 0, this.summaryUiMode === SummaryUiMode.LEARN_MOVE ? this.newMove.name : 'CANCEL',
|
|
this.summaryUiMode === SummaryUiMode.LEARN_MOVE ? TextStyle.SUMMARY_RED : TextStyle.SUMMARY);
|
|
extraRowText.setOrigin(0, 1);
|
|
this.extraMoveRowContainer.add(extraRowText);
|
|
|
|
if (this.summaryUiMode === SummaryUiMode.LEARN_MOVE) {
|
|
const newMoveTypeIcon = this.scene.add.sprite(0, 0, 'types', Type[this.newMove.type].toLowerCase());
|
|
newMoveTypeIcon.setOrigin(0, 1);
|
|
this.extraMoveRowContainer.add(newMoveTypeIcon);
|
|
}
|
|
|
|
this.moveRowsContainer = this.scene.add.container(0, 0);
|
|
this.movesContainer.add(this.moveRowsContainer);
|
|
|
|
for (let m = 0; m < 4; m++) {
|
|
const move = m < this.pokemon.moveset.length ? this.pokemon.moveset[m] : null;
|
|
const moveRowContainer = this.scene.add.container(0, 16 * m);
|
|
this.moveRowsContainer.add(moveRowContainer);
|
|
|
|
if (move) {
|
|
const typeIcon = this.scene.add.sprite(0, 0, 'types', Type[move.getMove().type].toLowerCase());
|
|
typeIcon.setOrigin(0, 1);
|
|
moveRowContainer.add(typeIcon);
|
|
}
|
|
|
|
const moveText = addTextObject(this.scene, 35, 0, move ? move.getName() : '-', TextStyle.SUMMARY);
|
|
moveText.setOrigin(0, 1);
|
|
moveRowContainer.add(moveText);
|
|
}
|
|
|
|
this.moveDescriptionText = addTextObject(this.scene, 2, 84, '', TextStyle.WINDOW, { wordWrap: { width: 900 } });
|
|
this.movesContainer.add(this.moveDescriptionText);
|
|
|
|
const maskRect = this.scene.make.graphics({});
|
|
maskRect.setScale(6);
|
|
maskRect.fillStyle(0xFFFFFF);
|
|
maskRect.beginPath();
|
|
maskRect.fillRect(112, 130, 150, 46);
|
|
|
|
const moveDescriptionTextMask = maskRect.createGeometryMask();
|
|
|
|
this.moveDescriptionText.setMask(moveDescriptionTextMask);
|
|
break;
|
|
}
|
|
}
|
|
|
|
getSelectedMove(): Move {
|
|
if (this.cursor !== Page.MOVES)
|
|
return null;
|
|
|
|
if (this.moveCursor < 4 && this.moveCursor < this.pokemon.moveset.length)
|
|
return this.pokemon.moveset[this.moveCursor].getMove();
|
|
else if (this.summaryUiMode === SummaryUiMode.LEARN_MOVE && this.moveCursor === 4)
|
|
return this.newMove;
|
|
return null;
|
|
}
|
|
|
|
showMoveSelect() {
|
|
this.moveSelect = true;
|
|
this.extraMoveRowContainer.setVisible(true);
|
|
this.selectedMoveIndex = -1;
|
|
this.setCursor(0);
|
|
this.showMoveEffect();
|
|
}
|
|
|
|
hideMoveSelect() {
|
|
if (this.summaryUiMode === SummaryUiMode.LEARN_MOVE) {
|
|
this.moveSelectFunction(4);
|
|
return;
|
|
}
|
|
|
|
this.moveSelect = false;
|
|
this.extraMoveRowContainer.setVisible(false);
|
|
if (this.moveCursorBlinkTimer) {
|
|
this.moveCursorBlinkTimer.destroy();
|
|
this.moveCursorBlinkTimer = null;
|
|
}
|
|
if (this.moveCursorObj) {
|
|
this.moveCursorObj.destroy();
|
|
this.moveCursorObj = null;
|
|
}
|
|
if (this.selectedMoveCursorObj) {
|
|
this.selectedMoveCursorObj.destroy();
|
|
this.selectedMoveCursorObj = null;
|
|
}
|
|
|
|
this.hideMoveEffect();
|
|
}
|
|
|
|
showMoveEffect(instant?: boolean) {
|
|
if (this.moveEffectsVisible)
|
|
return;
|
|
this.moveEffectsVisible = true;
|
|
this.scene.tweens.add({
|
|
targets: this.moveEffectContainer,
|
|
x: 6,
|
|
duration: instant ? 0 : 250,
|
|
ease: 'Sine.easeOut'
|
|
});
|
|
}
|
|
|
|
hideMoveEffect(instant?: boolean) {
|
|
if (!this.moveEffectsVisible)
|
|
return;
|
|
this.moveEffectsVisible = false;
|
|
this.scene.tweens.add({
|
|
targets: this.moveEffectContainer,
|
|
x: 106,
|
|
duration: instant ? 0 : 250,
|
|
ease: 'Sine.easeIn'
|
|
});
|
|
}
|
|
|
|
clear() {
|
|
super.clear();
|
|
this.pokemon = null;
|
|
this.cursor = -1;
|
|
this.newMove = null;
|
|
if (this.moveSelect) {
|
|
this.moveSelect = false;
|
|
this.moveSelectFunction = null;
|
|
this.extraMoveRowContainer.setVisible(false);
|
|
if (this.moveCursorBlinkTimer) {
|
|
this.moveCursorBlinkTimer.destroy();
|
|
this.moveCursorBlinkTimer = null;
|
|
}
|
|
if (this.moveCursorObj) {
|
|
this.moveCursorObj.destroy();
|
|
this.moveCursorObj = null;
|
|
}
|
|
if (this.selectedMoveCursorObj) {
|
|
this.selectedMoveCursorObj.destroy();
|
|
this.selectedMoveCursorObj = null;
|
|
}
|
|
this.hideMoveEffect(true);
|
|
}
|
|
this.summaryContainer.setVisible(false);
|
|
this.summaryPageContainer.setVisible(false);
|
|
}
|
|
}
|