mirror of
https://github.com/pagefaultgames/pokerogue.git
synced 2024-12-03 12:16:22 +00:00
215 lines
8.3 KiB
TypeScript
215 lines
8.3 KiB
TypeScript
import BBCodeText from "phaser3-rex-plugins/plugins/bbcodetext";
|
|
import BattleScene from "../battle-scene";
|
|
import { Gender, getGenderColor, getGenderSymbol } from "../data/gender";
|
|
import Pokemon from "../field/pokemon";
|
|
import { StatsContainer } from "./stats-container";
|
|
import { TextStyle, addBBCodeTextObject, addTextObject, getTextColor } from "./text";
|
|
import { addWindow } from "./ui-theme";
|
|
import { getNatureName } from "../data/nature";
|
|
import * as Utils from "../utils";
|
|
import { Type } from "../data/type";
|
|
import { getVariantTint } from "#app/data/variant";
|
|
|
|
export default class PokemonInfoContainer extends Phaser.GameObjects.Container {
|
|
private pokemonGenderLabelText: Phaser.GameObjects.Text;
|
|
private pokemonGenderText: Phaser.GameObjects.Text;
|
|
private pokemonAbilityLabelText: Phaser.GameObjects.Text;
|
|
private pokemonAbilityText: Phaser.GameObjects.Text;
|
|
private pokemonNatureLabelText: Phaser.GameObjects.Text;
|
|
private pokemonNatureText: BBCodeText;
|
|
private pokemonShinyIcon: Phaser.GameObjects.Image;
|
|
private pokemonMovesContainer: Phaser.GameObjects.Container;
|
|
private pokemonMovesContainers: Phaser.GameObjects.Container[];
|
|
private pokemonMoveBgs: Phaser.GameObjects.NineSlice[];
|
|
private pokemonMoveLabels: Phaser.GameObjects.Text[];
|
|
|
|
private initialX: number;
|
|
private movesContainerInitialX: number;
|
|
|
|
public statsContainer: StatsContainer;
|
|
|
|
public shown: boolean;
|
|
|
|
constructor(scene: BattleScene, x: number = 372, y: number = 66) {
|
|
super(scene, x, y);
|
|
this.initialX = x;
|
|
}
|
|
|
|
setup(): void {
|
|
const infoBg = addWindow(this.scene, 0, 0, 104, 132);
|
|
infoBg.setOrigin(0.5, 0.5);
|
|
|
|
this.pokemonMovesContainer = this.scene.add.container(6, 14);
|
|
|
|
this.movesContainerInitialX = this.pokemonMovesContainer.x;
|
|
|
|
this.pokemonMovesContainers = [];
|
|
this.pokemonMoveBgs = [];
|
|
this.pokemonMoveLabels = [];
|
|
|
|
const movesBg = addWindow(this.scene, 0, 0, 58, 52);
|
|
movesBg.setOrigin(1, 0);
|
|
this.pokemonMovesContainer.add(movesBg);
|
|
|
|
const movesLabel = addTextObject(this.scene, -movesBg.width / 2, 6, 'Moveset', TextStyle.WINDOW, { fontSize: '64px' });
|
|
movesLabel.setOrigin(0.5, 0);
|
|
this.pokemonMovesContainer.add(movesLabel);
|
|
|
|
for (let m = 0; m < 4; m++) {
|
|
const moveContainer = this.scene.add.container(-6, 18 + 7 * m);
|
|
moveContainer.setScale(0.5);
|
|
|
|
const moveBg = this.scene.add.nineslice(0, 0, 'type_bgs', 'unknown', 92, 14, 2, 2, 2, 2);
|
|
moveBg.setOrigin(1, 0);
|
|
|
|
const moveLabel = addTextObject(this.scene, -moveBg.width / 2, 0, '-', TextStyle.PARTY);
|
|
moveLabel.setOrigin(0.5, 0);
|
|
|
|
this.pokemonMoveBgs.push(moveBg);
|
|
this.pokemonMoveLabels.push(moveLabel);
|
|
|
|
moveContainer.add(moveBg);
|
|
moveContainer.add(moveLabel);
|
|
|
|
this.pokemonMovesContainers.push(moveContainer);
|
|
this.pokemonMovesContainer.add(moveContainer);
|
|
}
|
|
|
|
this.add(this.pokemonMovesContainer);
|
|
|
|
this.statsContainer = new StatsContainer(this.scene, -48, -64, true);
|
|
|
|
this.add(infoBg);
|
|
this.add(this.statsContainer);
|
|
|
|
this.pokemonGenderLabelText = addTextObject(this.scene, -18, 18, 'Gender:', TextStyle.WINDOW, { fontSize: '64px' });
|
|
this.pokemonGenderLabelText.setOrigin(1, 0);
|
|
this.pokemonGenderLabelText.setVisible(false);
|
|
this.add(this.pokemonGenderLabelText);
|
|
|
|
this.pokemonGenderText = addTextObject(this.scene, -14, 18, '', TextStyle.WINDOW, { fontSize: '64px' });
|
|
this.pokemonGenderText.setOrigin(0, 0);
|
|
this.pokemonGenderText.setVisible(false);
|
|
this.add(this.pokemonGenderText);
|
|
|
|
this.pokemonAbilityLabelText = addTextObject(this.scene, -18, 28, 'Ability:', TextStyle.WINDOW, { fontSize: '64px' });
|
|
this.pokemonAbilityLabelText.setOrigin(1, 0);
|
|
this.add(this.pokemonAbilityLabelText);
|
|
|
|
this.pokemonAbilityText = addTextObject(this.scene, -14, 28, '', TextStyle.WINDOW, { fontSize: '64px' });
|
|
this.pokemonAbilityText.setOrigin(0, 0);
|
|
this.add(this.pokemonAbilityText);
|
|
|
|
this.pokemonNatureLabelText = addTextObject(this.scene, -18, 38, 'Nature:', TextStyle.WINDOW, { fontSize: '64px' });
|
|
this.pokemonNatureLabelText.setOrigin(1, 0);
|
|
this.add(this.pokemonNatureLabelText);
|
|
|
|
this.pokemonNatureText = addBBCodeTextObject(this.scene, -14, 38, '', TextStyle.WINDOW, { fontSize: '64px', lineSpacing: 3, maxLines: 2 });
|
|
this.pokemonNatureText.setOrigin(0, 0);
|
|
this.add(this.pokemonNatureText);
|
|
|
|
this.pokemonShinyIcon = this.scene.add.image(-43.5, 48.5, 'shiny_star');
|
|
this.pokemonShinyIcon.setOrigin(0, 0);
|
|
this.pokemonShinyIcon.setScale(0.75);
|
|
this.pokemonShinyIcon.setInteractive(new Phaser.Geom.Rectangle(0, 0, 12, 15), Phaser.Geom.Rectangle.Contains);
|
|
this.add(this.pokemonShinyIcon);
|
|
|
|
this.setVisible(false);
|
|
}
|
|
|
|
show(pokemon: Pokemon, showMoves: boolean = false, speedMultiplier: number = 1): Promise<void> {
|
|
return new Promise<void>(resolve => {
|
|
if (pokemon.gender > Gender.GENDERLESS) {
|
|
this.pokemonGenderText.setText(getGenderSymbol(pokemon.gender));
|
|
this.pokemonGenderText.setColor(getGenderColor(pokemon.gender));
|
|
this.pokemonGenderText.setShadowColor(getGenderColor(pokemon.gender, true));
|
|
this.pokemonGenderLabelText.setVisible(true);
|
|
this.pokemonGenderText.setVisible(true);
|
|
} else
|
|
this.pokemonGenderText.setVisible(false);
|
|
|
|
const abilityTextStyle = pokemon.abilityIndex === (pokemon.species.ability2 ? 2 : 1) ? TextStyle.MONEY : TextStyle.WINDOW;
|
|
this.pokemonAbilityText.setText(pokemon.getAbility(true).name);
|
|
this.pokemonAbilityText.setColor(getTextColor(abilityTextStyle, false, this.scene.uiTheme));
|
|
this.pokemonAbilityText.setShadowColor(getTextColor(abilityTextStyle, true, this.scene.uiTheme));
|
|
|
|
this.pokemonNatureText.setText(getNatureName(pokemon.getNature(), true, false, false, this.scene.uiTheme));
|
|
|
|
this.pokemonShinyIcon.setTint(getVariantTint(pokemon.getVariant()));
|
|
this.pokemonShinyIcon.setVisible(pokemon.isShiny());
|
|
if (this.pokemonShinyIcon.visible) {
|
|
this.pokemonShinyIcon.on('pointerover', () => (this.scene as BattleScene).ui.showTooltip(null, `Shiny${pokemon.getVariant() ? ` (${pokemon.getVariant() === 2 ? 'Epic' : 'Rare'})` : ''}`, true));
|
|
this.pokemonShinyIcon.on('pointerout', () => (this.scene as BattleScene).ui.hideTooltip());
|
|
}
|
|
|
|
const originalIvs: integer[] = this.scene.gameData.dexData[pokemon.species.speciesId].caughtAttr
|
|
? this.scene.gameData.dexData[pokemon.species.speciesId].ivs
|
|
: null;
|
|
|
|
this.statsContainer.updateIvs(pokemon.ivs, originalIvs);
|
|
|
|
this.scene.tweens.add({
|
|
targets: this,
|
|
duration: Utils.fixedInt(Math.floor(750 / speedMultiplier)),
|
|
ease: 'Cubic.easeInOut',
|
|
x: this.initialX - 104,
|
|
onComplete: () => {
|
|
resolve();
|
|
}
|
|
});
|
|
|
|
if (showMoves) {
|
|
this.scene.tweens.add({
|
|
delay: Utils.fixedInt(Math.floor(325 / speedMultiplier)),
|
|
targets: this.pokemonMovesContainer,
|
|
duration: Utils.fixedInt(Math.floor(325 / speedMultiplier)),
|
|
ease: 'Cubic.easeInOut',
|
|
x: this.movesContainerInitialX - 57,
|
|
onComplete: () => resolve()
|
|
});
|
|
}
|
|
|
|
for (let m = 0; m < 4; m++) {
|
|
const move = m < pokemon.moveset.length ? pokemon.moveset[m].getMove() : null;
|
|
this.pokemonMoveBgs[m].setFrame(Type[move ? move.type : Type.UNKNOWN].toString().toLowerCase());
|
|
this.pokemonMoveLabels[m].setText(move ? move.name : '-');
|
|
this.pokemonMovesContainers[m].setVisible(!!move);
|
|
}
|
|
|
|
this.setVisible(true);
|
|
this.shown = true;
|
|
});
|
|
}
|
|
|
|
hide(speedMultiplier: number = 1): Promise<void> {
|
|
return new Promise(resolve => {
|
|
if (!this.shown)
|
|
return resolve();
|
|
|
|
this.scene.tweens.add({
|
|
targets: this.pokemonMovesContainer,
|
|
duration: Utils.fixedInt(Math.floor(750 / speedMultiplier)),
|
|
ease: 'Cubic.easeInOut',
|
|
x: this.movesContainerInitialX
|
|
});
|
|
|
|
this.scene.tweens.add({
|
|
targets: this,
|
|
duration: Utils.fixedInt(Math.floor(750 / speedMultiplier)),
|
|
ease: 'Cubic.easeInOut',
|
|
x: this.initialX,
|
|
onComplete: () => {
|
|
this.setVisible(false);
|
|
(this.scene as BattleScene).ui.hideTooltip();
|
|
resolve();
|
|
}
|
|
});
|
|
|
|
this.shown = false;
|
|
});
|
|
};
|
|
}
|
|
|
|
export default interface PokemonInfoContainer {
|
|
scene: BattleScene
|
|
} |