mirror of
https://github.com/pagefaultgames/pokerogue.git
synced 2025-06-21 00:52:47 +02:00
Merge 7ea2d3a4cd into 6873a89296
This commit is contained in:
Sirz Benjie
GitHub
commit
52a5e4826e
@ -23,6 +23,8 @@ export class EvolutionPhase extends Phase {
|
||||
protected pokemon: PlayerPokemon;
|
||||
protected lastLevel: number;
|
||||
|
||||
protected evoChain: Phaser.Tweens.TweenChain | null = null;
|
||||
|
||||
private preEvolvedPokemonName: string;
|
||||
|
||||
private evolution: SpeciesFormEvolution | null;
|
||||
@ -40,13 +42,23 @@ export class EvolutionPhase extends Phase {
|
||||
protected pokemonEvoSprite: Phaser.GameObjects.Sprite;
|
||||
protected pokemonEvoTintSprite: Phaser.GameObjects.Sprite;
|
||||
|
||||
constructor(pokemon: PlayerPokemon, evolution: SpeciesFormEvolution | null, lastLevel: number) {
|
||||
/** Whether the evolution can be cancelled by the player */
|
||||
protected canCancel: boolean;
|
||||
|
||||
/**
|
||||
* @param pokemon - The Pokemon that is evolving
|
||||
* @param evolution - The form being evolved into
|
||||
* @param lastLevel - The level at which the Pokemon is evolving
|
||||
* @param canCancel - Whether the evolution can be cancelled by the player
|
||||
*/
|
||||
constructor(pokemon: PlayerPokemon, evolution: SpeciesFormEvolution | null, lastLevel: number, canCancel = true) {
|
||||
super();
|
||||
|
||||
this.pokemon = pokemon;
|
||||
this.evolution = evolution;
|
||||
this.lastLevel = lastLevel;
|
||||
this.fusionSpeciesEvolved = evolution instanceof FusionSpeciesFormEvolution;
|
||||
this.canCancel = canCancel;
|
||||
}
|
||||
|
||||
validate(): boolean {
|
||||
@ -57,65 +69,32 @@ export class EvolutionPhase extends Phase {
|
||||
return globalScene.ui.setModeForceTransition(UiMode.EVOLUTION_SCENE);
|
||||
}
|
||||
|
||||
start() {
|
||||
super.start();
|
||||
|
||||
this.setMode().then(() => {
|
||||
if (!this.validate()) {
|
||||
return this.end();
|
||||
}
|
||||
|
||||
globalScene.fadeOutBgm(undefined, false);
|
||||
|
||||
/**
|
||||
* Set up the following evolution assets
|
||||
* - {@linkcode evolutionContainer}
|
||||
* - {@linkcode evolutionBaseBg}
|
||||
* - {@linkcode evolutionBg}
|
||||
* - {@linkcode evolutionBgOverlay}
|
||||
* - {@linkcode evolutionOverlay}
|
||||
*
|
||||
*/
|
||||
private setupEvolutionAssets(): void {
|
||||
this.evolutionHandler = globalScene.ui.getHandler() as EvolutionSceneHandler;
|
||||
|
||||
this.evolutionContainer = this.evolutionHandler.evolutionContainer;
|
||||
this.evolutionBaseBg = globalScene.add.image(0, 0, "default_bg").setOrigin(0);
|
||||
|
||||
this.evolutionBaseBg = globalScene.add.image(0, 0, "default_bg");
|
||||
this.evolutionBaseBg.setOrigin(0, 0);
|
||||
this.evolutionContainer.add(this.evolutionBaseBg);
|
||||
this.evolutionBg = globalScene.add
|
||||
.video(0, 0, "evo_bg")
|
||||
.stop()
|
||||
.setOrigin(0)
|
||||
.setScale(0.4359673025)
|
||||
.setVisible(false);
|
||||
|
||||
this.evolutionBg = globalScene.add.video(0, 0, "evo_bg").stop();
|
||||
this.evolutionBg.setOrigin(0, 0);
|
||||
this.evolutionBg.setScale(0.4359673025);
|
||||
this.evolutionBg.setVisible(false);
|
||||
this.evolutionContainer.add(this.evolutionBg);
|
||||
|
||||
this.evolutionBgOverlay = globalScene.add.rectangle(
|
||||
0,
|
||||
0,
|
||||
globalScene.game.canvas.width / 6,
|
||||
globalScene.game.canvas.height / 6,
|
||||
0x262626,
|
||||
);
|
||||
this.evolutionBgOverlay.setOrigin(0, 0);
|
||||
this.evolutionBgOverlay.setAlpha(0);
|
||||
this.evolutionContainer.add(this.evolutionBgOverlay);
|
||||
|
||||
const getPokemonSprite = () => {
|
||||
const ret = globalScene.addPokemonSprite(
|
||||
this.pokemon,
|
||||
this.evolutionBaseBg.displayWidth / 2,
|
||||
this.evolutionBaseBg.displayHeight / 2,
|
||||
"pkmn__sub",
|
||||
);
|
||||
ret.setPipeline(globalScene.spritePipeline, {
|
||||
tone: [0.0, 0.0, 0.0, 0.0],
|
||||
ignoreTimeTint: true,
|
||||
});
|
||||
return ret;
|
||||
};
|
||||
|
||||
this.evolutionContainer.add((this.pokemonSprite = getPokemonSprite()));
|
||||
this.evolutionContainer.add((this.pokemonTintSprite = getPokemonSprite()));
|
||||
this.evolutionContainer.add((this.pokemonEvoSprite = getPokemonSprite()));
|
||||
this.evolutionContainer.add((this.pokemonEvoTintSprite = getPokemonSprite()));
|
||||
|
||||
this.pokemonTintSprite.setAlpha(0);
|
||||
this.pokemonTintSprite.setTintFill(0xffffff);
|
||||
this.pokemonEvoSprite.setVisible(false);
|
||||
this.pokemonEvoTintSprite.setVisible(false);
|
||||
this.pokemonEvoTintSprite.setTintFill(0xffffff);
|
||||
this.evolutionBgOverlay = globalScene.add
|
||||
.rectangle(0, 0, globalScene.game.canvas.width / 6, globalScene.game.canvas.height / 6, 0x262626)
|
||||
.setOrigin(0)
|
||||
.setAlpha(0);
|
||||
this.evolutionContainer.add([this.evolutionBaseBg, this.evolutionBgOverlay, this.evolutionBg]);
|
||||
|
||||
this.evolutionOverlay = globalScene.add.rectangle(
|
||||
0,
|
||||
@ -124,68 +103,117 @@ export class EvolutionPhase extends Phase {
|
||||
globalScene.game.canvas.height / 6 - 48,
|
||||
0xffffff,
|
||||
);
|
||||
this.evolutionOverlay.setOrigin(0, 0);
|
||||
this.evolutionOverlay.setAlpha(0);
|
||||
this.evolutionOverlay.setOrigin(0).setAlpha(0);
|
||||
globalScene.ui.add(this.evolutionOverlay);
|
||||
}
|
||||
|
||||
[this.pokemonSprite, this.pokemonTintSprite, this.pokemonEvoSprite, this.pokemonEvoTintSprite].map(sprite => {
|
||||
const spriteKey = this.pokemon.getSpriteKey(true);
|
||||
/**
|
||||
* Configure the sprite, setting its pipeline data
|
||||
* @param pokemon - The pokemon object that the sprite information is configured from
|
||||
* @param sprite - The sprite object to configure
|
||||
* @param setPipeline - Whether to also set the pipeline; should be false
|
||||
* if the sprite is only being updated with new sprite assets
|
||||
*
|
||||
*
|
||||
* @returns The sprite object that was passed in
|
||||
*/
|
||||
protected configureSprite(pokemon: Pokemon, sprite: Phaser.GameObjects.Sprite, setPipeline = true): typeof sprite {
|
||||
const spriteKey = pokemon.getSpriteKey(true);
|
||||
try {
|
||||
sprite.play(spriteKey);
|
||||
} catch (err: unknown) {
|
||||
console.error(`Failed to play animation for ${spriteKey}`, err);
|
||||
}
|
||||
|
||||
if (setPipeline) {
|
||||
sprite.setPipeline(globalScene.spritePipeline, {
|
||||
tone: [0.0, 0.0, 0.0, 0.0],
|
||||
hasShadow: false,
|
||||
teraColor: getTypeRgb(this.pokemon.getTeraType()),
|
||||
isTerastallized: this.pokemon.isTerastallized,
|
||||
teraColor: getTypeRgb(pokemon.getTeraType()),
|
||||
isTerastallized: pokemon.isTerastallized,
|
||||
});
|
||||
sprite.setPipelineData("ignoreTimeTint", true);
|
||||
sprite.setPipelineData("spriteKey", this.pokemon.getSpriteKey());
|
||||
sprite.setPipelineData("shiny", this.pokemon.shiny);
|
||||
sprite.setPipelineData("variant", this.pokemon.variant);
|
||||
["spriteColors", "fusionSpriteColors"].map(k => {
|
||||
if (this.pokemon.summonData.speciesForm) {
|
||||
}
|
||||
|
||||
sprite
|
||||
.setPipelineData("ignoreTimeTint", true)
|
||||
.setPipelineData("spriteKey", pokemon.getSpriteKey())
|
||||
.setPipelineData("shiny", pokemon.shiny)
|
||||
.setPipelineData("variant", pokemon.variant);
|
||||
|
||||
for (let k of ["spriteColors", "fusionSpriteColors"]) {
|
||||
if (pokemon.summonData.speciesForm) {
|
||||
k += "Base";
|
||||
}
|
||||
sprite.pipelineData[k] = this.pokemon.getSprite().pipelineData[k];
|
||||
});
|
||||
sprite.pipelineData[k] = pokemon.getSprite().pipelineData[k];
|
||||
}
|
||||
|
||||
return sprite;
|
||||
}
|
||||
|
||||
private getPokemonSprite(): Phaser.GameObjects.Sprite {
|
||||
const sprite = globalScene.addPokemonSprite(
|
||||
this.pokemon,
|
||||
this.evolutionBaseBg.displayWidth / 2,
|
||||
this.evolutionBaseBg.displayHeight / 2,
|
||||
"pkmn__sub",
|
||||
);
|
||||
sprite.setPipeline(globalScene.spritePipeline, {
|
||||
tone: [0.0, 0.0, 0.0, 0.0],
|
||||
ignoreTimeTint: true,
|
||||
});
|
||||
return sprite;
|
||||
}
|
||||
|
||||
/**
|
||||
* Initialize {@linkcode pokemonSprite}, {@linkcode pokemonTintSprite}, {@linkcode pokemonEvoSprite}, and {@linkcode pokemonEvoTintSprite}
|
||||
* and add them to the {@linkcode evolutionContainer}
|
||||
*/
|
||||
private setupPokemonSprites(): void {
|
||||
this.pokemonSprite = this.configureSprite(this.pokemon, this.getPokemonSprite());
|
||||
this.pokemonTintSprite = this.configureSprite(
|
||||
this.pokemon,
|
||||
this.getPokemonSprite().setAlpha(0).setTintFill(0xffffff),
|
||||
);
|
||||
this.pokemonEvoSprite = this.configureSprite(this.pokemon, this.getPokemonSprite().setVisible(false));
|
||||
this.pokemonEvoTintSprite = this.configureSprite(
|
||||
this.pokemon,
|
||||
this.getPokemonSprite().setVisible(false).setTintFill(0xffffff),
|
||||
);
|
||||
|
||||
this.evolutionContainer.add([
|
||||
this.pokemonSprite,
|
||||
this.pokemonTintSprite,
|
||||
this.pokemonEvoSprite,
|
||||
this.pokemonEvoTintSprite,
|
||||
]);
|
||||
}
|
||||
|
||||
async start() {
|
||||
super.start();
|
||||
await this.setMode();
|
||||
|
||||
if (!this.validate()) {
|
||||
return this.end();
|
||||
}
|
||||
this.setupEvolutionAssets();
|
||||
this.setupPokemonSprites();
|
||||
this.preEvolvedPokemonName = getPokemonNameWithAffix(this.pokemon);
|
||||
this.doEvolution();
|
||||
});
|
||||
}
|
||||
|
||||
doEvolution(): void {
|
||||
globalScene.ui.showText(
|
||||
i18next.t("menu:evolving", { pokemonName: this.preEvolvedPokemonName }),
|
||||
null,
|
||||
() => {
|
||||
this.pokemon.cry();
|
||||
|
||||
this.pokemon.getPossibleEvolution(this.evolution).then(evolvedPokemon => {
|
||||
[this.pokemonEvoSprite, this.pokemonEvoTintSprite].map(sprite => {
|
||||
const spriteKey = evolvedPokemon.getSpriteKey(true);
|
||||
try {
|
||||
sprite.play(spriteKey);
|
||||
} catch (err: unknown) {
|
||||
console.error(`Failed to play animation for ${spriteKey}`, err);
|
||||
/**
|
||||
* Update the sprites depicting the evolved Pokemon
|
||||
* @param evolvedPokemon - The evolved Pokemon
|
||||
*/
|
||||
private updateEvolvedPokemonSprites(evolvedPokemon: Pokemon): void {
|
||||
this.configureSprite(evolvedPokemon, this.pokemonEvoSprite, false);
|
||||
this.configureSprite(evolvedPokemon, this.pokemonEvoTintSprite, false);
|
||||
}
|
||||
|
||||
sprite.setPipelineData("ignoreTimeTint", true);
|
||||
sprite.setPipelineData("spriteKey", evolvedPokemon.getSpriteKey());
|
||||
sprite.setPipelineData("shiny", evolvedPokemon.shiny);
|
||||
sprite.setPipelineData("variant", evolvedPokemon.variant);
|
||||
["spriteColors", "fusionSpriteColors"].map(k => {
|
||||
if (evolvedPokemon.summonData.speciesForm) {
|
||||
k += "Base";
|
||||
}
|
||||
sprite.pipelineData[k] = evolvedPokemon.getSprite().pipelineData[k];
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* Adds the evolution tween and begins playing it
|
||||
*/
|
||||
private playEvolutionAnimation(evolvedPokemon: Pokemon): void {
|
||||
globalScene.time.delayedCall(1000, () => {
|
||||
this.evolutionBgm = globalScene.playSoundWithoutBgm("evolution");
|
||||
globalScene.tweens.add({
|
||||
@ -196,16 +224,17 @@ export class EvolutionPhase extends Phase {
|
||||
ease: "Sine.easeOut",
|
||||
onComplete: () => {
|
||||
globalScene.time.delayedCall(1000, () => {
|
||||
globalScene.tweens.add({
|
||||
targets: this.evolutionBgOverlay,
|
||||
alpha: 0,
|
||||
duration: 250,
|
||||
});
|
||||
this.evolutionBg.setVisible(true);
|
||||
this.evolutionBg.play();
|
||||
this.evolutionBg.setVisible(true).play();
|
||||
});
|
||||
globalScene.playSound("se/charge");
|
||||
this.doSpiralUpward();
|
||||
this.fadeOutPokemonSprite(evolvedPokemon);
|
||||
},
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
private fadeOutPokemonSprite(evolvedPokemon: Pokemon): void {
|
||||
globalScene.tweens.addCounter({
|
||||
from: 0,
|
||||
to: 1,
|
||||
@ -218,37 +247,49 @@ export class EvolutionPhase extends Phase {
|
||||
globalScene.time.delayedCall(1100, () => {
|
||||
globalScene.playSound("se/beam");
|
||||
this.doArcDownward();
|
||||
this.prepareForCycle(evolvedPokemon);
|
||||
});
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Prepares the evolution cycle by setting up the tint sprites and starting the cycle
|
||||
*/
|
||||
private prepareForCycle(evolvedPokemon: Pokemon): void {
|
||||
globalScene.time.delayedCall(1500, () => {
|
||||
this.pokemonEvoTintSprite.setScale(0.25);
|
||||
this.pokemonEvoTintSprite.setVisible(true);
|
||||
this.evolutionHandler.canCancel = true;
|
||||
this.doCycle(1).then(success => {
|
||||
if (success) {
|
||||
this.handleSuccessEvolution(evolvedPokemon);
|
||||
} else {
|
||||
this.pokemonEvoTintSprite.setScale(0.25).setVisible(true);
|
||||
this.evolutionHandler.canCancel = this.canCancel;
|
||||
this.doCycle(1, undefined, () => {
|
||||
if (this.evolutionHandler.cancelled) {
|
||||
this.handleFailedEvolution(evolvedPokemon);
|
||||
} else {
|
||||
this.handleSuccessEvolution(evolvedPokemon);
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
},
|
||||
});
|
||||
},
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the evolution text and then commence the evolution animation
|
||||
*/
|
||||
doEvolution(): void {
|
||||
globalScene.ui.showText(
|
||||
i18next.t("menu:evolving", { pokemonName: this.preEvolvedPokemonName }),
|
||||
null,
|
||||
() => {
|
||||
this.pokemon.cry();
|
||||
this.pokemon.getPossibleEvolution(this.evolution).then(evolvedPokemon => {
|
||||
this.updateEvolvedPokemonSprites(evolvedPokemon);
|
||||
this.playEvolutionAnimation(evolvedPokemon);
|
||||
});
|
||||
},
|
||||
1000,
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Handles a failed/stopped evolution
|
||||
* @param evolvedPokemon - The evolved Pokemon
|
||||
*/
|
||||
private handleFailedEvolution(evolvedPokemon: Pokemon): void {
|
||||
this.pokemonSprite.setVisible(true);
|
||||
this.pokemonTintSprite.setScale(1);
|
||||
/** Used exclusively by {@linkcode handleFailedEvolution} to fade out the evolution sprites and music */
|
||||
private fadeOutEvolutionAssets(): void {
|
||||
globalScene.tweens.add({
|
||||
targets: [this.evolutionBg, this.pokemonTintSprite, this.pokemonEvoSprite, this.pokemonEvoTintSprite],
|
||||
alpha: 0,
|
||||
@ -257,9 +298,40 @@ export class EvolutionPhase extends Phase {
|
||||
this.evolutionBg.setVisible(false);
|
||||
},
|
||||
});
|
||||
|
||||
SoundFade.fadeOut(globalScene, this.evolutionBgm, 100);
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the confirmation prompt for pausing evolutions
|
||||
* @param endCallback - The callback to call after either option is selected.
|
||||
* This should end the evolution phase
|
||||
*/
|
||||
private showPauseEvolutionConfirmation(endCallback: () => void): void {
|
||||
globalScene.ui.setOverlayMode(
|
||||
UiMode.CONFIRM,
|
||||
() => {
|
||||
globalScene.ui.revertMode();
|
||||
this.pokemon.pauseEvolutions = true;
|
||||
globalScene.ui.showText(
|
||||
i18next.t("menu:evolutionsPaused", {
|
||||
pokemonName: this.preEvolvedPokemonName,
|
||||
}),
|
||||
null,
|
||||
endCallback,
|
||||
3000,
|
||||
);
|
||||
},
|
||||
() => {
|
||||
globalScene.ui.revertMode();
|
||||
globalScene.time.delayedCall(3000, endCallback);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Used exclusively by {@linkcode handleFailedEvolution} to show the failed evolution UI messages
|
||||
*/
|
||||
private showFailedEvolutionUI(evolvedPokemon: Pokemon): void {
|
||||
globalScene.phaseManager.unshiftNew("EndEvolutionPhase");
|
||||
|
||||
globalScene.ui.showText(
|
||||
@ -280,25 +352,7 @@ export class EvolutionPhase extends Phase {
|
||||
evolvedPokemon.destroy();
|
||||
this.end();
|
||||
};
|
||||
globalScene.ui.setOverlayMode(
|
||||
UiMode.CONFIRM,
|
||||
() => {
|
||||
globalScene.ui.revertMode();
|
||||
this.pokemon.pauseEvolutions = true;
|
||||
globalScene.ui.showText(
|
||||
i18next.t("menu:evolutionsPaused", {
|
||||
pokemonName: this.preEvolvedPokemonName,
|
||||
}),
|
||||
null,
|
||||
end,
|
||||
3000,
|
||||
);
|
||||
},
|
||||
() => {
|
||||
globalScene.ui.revertMode();
|
||||
globalScene.time.delayedCall(3000, end);
|
||||
},
|
||||
);
|
||||
this.showPauseEvolutionConfirmation(end);
|
||||
},
|
||||
);
|
||||
},
|
||||
@ -308,15 +362,22 @@ export class EvolutionPhase extends Phase {
|
||||
}
|
||||
|
||||
/**
|
||||
* Handles a successful evolution
|
||||
* Fade out the evolution assets, show the failed evolution UI messages, and enqueue the EndEvolutionPhase
|
||||
* @param evolvedPokemon - The evolved Pokemon
|
||||
*/
|
||||
private handleSuccessEvolution(evolvedPokemon: Pokemon): void {
|
||||
globalScene.playSound("se/sparkle");
|
||||
this.pokemonEvoSprite.setVisible(true);
|
||||
this.doCircleInward();
|
||||
private handleFailedEvolution(evolvedPokemon: Pokemon): void {
|
||||
this.pokemonSprite.setVisible(true);
|
||||
this.pokemonTintSprite.setScale(1);
|
||||
this.fadeOutEvolutionAssets();
|
||||
|
||||
const onEvolutionComplete = () => {
|
||||
globalScene.phaseManager.unshiftNew("EndEvolutionPhase");
|
||||
this.showFailedEvolutionUI(evolvedPokemon);
|
||||
}
|
||||
|
||||
/**
|
||||
* Fadeout evolution music, play the cry, show the evolution completed text, and end the phase
|
||||
*/
|
||||
private onEvolutionComplete(evolvedPokemon: Pokemon) {
|
||||
SoundFade.fadeOut(globalScene, this.evolutionBgm, 100);
|
||||
globalScene.time.delayedCall(250, () => {
|
||||
this.pokemon.cry();
|
||||
@ -338,12 +399,9 @@ export class EvolutionPhase extends Phase {
|
||||
globalScene.time.delayedCall(fixedInt(4250), () => globalScene.playBgm());
|
||||
});
|
||||
});
|
||||
};
|
||||
}
|
||||
|
||||
globalScene.time.delayedCall(900, () => {
|
||||
this.evolutionHandler.canCancel = false;
|
||||
|
||||
this.pokemon.evolve(this.evolution, this.pokemon.species).then(() => {
|
||||
private postEvolve(evolvedPokemon: Pokemon): void {
|
||||
const learnSituation: LearnMoveSituation = this.fusionSpeciesEvolved
|
||||
? LearnMoveSituation.EVOLUTION_FUSED
|
||||
: this.pokemon.fusionSpecies
|
||||
@ -353,17 +411,17 @@ export class EvolutionPhase extends Phase {
|
||||
.getLevelMoves(this.lastLevel + 1, true, false, false, learnSituation)
|
||||
.filter(lm => lm[0] === EVOLVE_MOVE);
|
||||
for (const lm of levelMoves) {
|
||||
globalScene.phaseManager.unshiftNew(
|
||||
"LearnMovePhase",
|
||||
globalScene.getPlayerParty().indexOf(this.pokemon),
|
||||
lm[1],
|
||||
);
|
||||
globalScene.phaseManager.unshiftNew("LearnMovePhase", globalScene.getPlayerParty().indexOf(this.pokemon), lm[1]);
|
||||
}
|
||||
globalScene.phaseManager.unshiftNew("EndEvolutionPhase");
|
||||
|
||||
globalScene.playSound("se/shine");
|
||||
this.doSpray();
|
||||
globalScene.tweens.add({
|
||||
|
||||
globalScene.tweens.chain({
|
||||
targets: null,
|
||||
tweens: [
|
||||
{
|
||||
targets: this.evolutionOverlay,
|
||||
alpha: 1,
|
||||
duration: 250,
|
||||
@ -371,30 +429,43 @@ export class EvolutionPhase extends Phase {
|
||||
onComplete: () => {
|
||||
this.evolutionBgOverlay.setAlpha(1);
|
||||
this.evolutionBg.setVisible(false);
|
||||
globalScene.tweens.add({
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: [this.evolutionOverlay, this.pokemonEvoTintSprite],
|
||||
alpha: 0,
|
||||
duration: 2000,
|
||||
delay: 150,
|
||||
easing: "Sine.easeIn",
|
||||
onComplete: () => {
|
||||
globalScene.tweens.add({
|
||||
},
|
||||
{
|
||||
targets: this.evolutionBgOverlay,
|
||||
alpha: 0,
|
||||
duration: 250,
|
||||
onComplete: onEvolutionComplete,
|
||||
});
|
||||
onComplete: () => this.onEvolutionComplete(evolvedPokemon),
|
||||
},
|
||||
],
|
||||
});
|
||||
},
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Handles a successful evolution
|
||||
* @param evolvedPokemon - The evolved Pokemon
|
||||
*/
|
||||
private handleSuccessEvolution(evolvedPokemon: Pokemon): void {
|
||||
globalScene.playSound("se/sparkle");
|
||||
this.pokemonEvoSprite.setVisible(true);
|
||||
this.doCircleInward();
|
||||
|
||||
globalScene.time.delayedCall(900, () => {
|
||||
this.evolutionHandler.canCancel = this.canCancel;
|
||||
|
||||
this.pokemon.evolve(this.evolution, this.pokemon.species).then(() => this.postEvolve(evolvedPokemon));
|
||||
});
|
||||
}
|
||||
|
||||
doSpiralUpward() {
|
||||
let f = 0;
|
||||
|
||||
globalScene.tweens.addCounter({
|
||||
repeat: 64,
|
||||
duration: getFrameMs(1),
|
||||
@ -430,34 +501,41 @@ export class EvolutionPhase extends Phase {
|
||||
});
|
||||
}
|
||||
|
||||
doCycle(l: number, lastCycle = 15): Promise<boolean> {
|
||||
return new Promise(resolve => {
|
||||
const isLastCycle = l === lastCycle;
|
||||
globalScene.tweens.add({
|
||||
targets: this.pokemonTintSprite,
|
||||
scale: 0.25,
|
||||
/**
|
||||
* Return a tween chain that cycles the evolution sprites
|
||||
*/
|
||||
doCycle(cycles: number, lastCycle = 15, onComplete = () => {}): void {
|
||||
// Make our tween start both at the same time
|
||||
const tweens: Phaser.Types.Tweens.TweenBuilderConfig[] = [];
|
||||
for (let i = cycles; i <= lastCycle; i += 0.5) {
|
||||
tweens.push({
|
||||
targets: [this.pokemonTintSprite, this.pokemonEvoTintSprite],
|
||||
scale: (_target, _key, _value, targetIndex: number, _totalTargets, _tween) => (targetIndex === 0 ? 0.25 : 1),
|
||||
ease: "Cubic.easeInOut",
|
||||
duration: 500 / l,
|
||||
yoyo: !isLastCycle,
|
||||
});
|
||||
globalScene.tweens.add({
|
||||
targets: this.pokemonEvoTintSprite,
|
||||
scale: 1,
|
||||
ease: "Cubic.easeInOut",
|
||||
duration: 500 / l,
|
||||
yoyo: !isLastCycle,
|
||||
duration: 500 / i,
|
||||
yoyo: i !== lastCycle,
|
||||
onComplete: () => {
|
||||
if (this.evolutionHandler.cancelled) {
|
||||
return resolve(false);
|
||||
// cause the tween chain to complete instantly, skipping the remaining tweens.
|
||||
this.pokemonEvoTintSprite.setScale(1);
|
||||
this.pokemonEvoTintSprite.setVisible(false);
|
||||
this.evoChain?.complete?.();
|
||||
return;
|
||||
}
|
||||
if (l < lastCycle) {
|
||||
this.doCycle(l + 0.5, lastCycle).then(success => resolve(success));
|
||||
} else {
|
||||
this.pokemonTintSprite.setVisible(false);
|
||||
resolve(true);
|
||||
if (i === lastCycle) {
|
||||
this.pokemonEvoTintSprite.setScale(1);
|
||||
}
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
this.evoChain = globalScene.tweens.chain({
|
||||
targets: null,
|
||||
tweens,
|
||||
onComplete: () => {
|
||||
this.evoChain = null;
|
||||
onComplete();
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
@ -3,7 +3,7 @@ import { fixedInt } from "#app/utils/common";
|
||||
import { achvs } from "../system/achv";
|
||||
import type { SpeciesFormChange } from "../data/pokemon-forms";
|
||||
import { getSpeciesFormChangeMessage } from "#app/data/pokemon-forms/form-change-triggers";
|
||||
import type { PlayerPokemon } from "../field/pokemon";
|
||||
import type { default as Pokemon, PlayerPokemon } from "../field/pokemon";
|
||||
import { UiMode } from "#enums/ui-mode";
|
||||
import type PartyUiHandler from "../ui/party-ui-handler";
|
||||
import { getPokemonNameWithAffix } from "../messages";
|
||||
@ -34,77 +34,16 @@ export class FormChangePhase extends EvolutionPhase {
|
||||
return globalScene.ui.setOverlayMode(UiMode.EVOLUTION_SCENE);
|
||||
}
|
||||
|
||||
doEvolution(): void {
|
||||
const preName = getPokemonNameWithAffix(this.pokemon);
|
||||
|
||||
this.pokemon.getPossibleForm(this.formChange).then(transformedPokemon => {
|
||||
[this.pokemonEvoSprite, this.pokemonEvoTintSprite].map(sprite => {
|
||||
const spriteKey = transformedPokemon.getSpriteKey(true);
|
||||
try {
|
||||
sprite.play(spriteKey);
|
||||
} catch (err: unknown) {
|
||||
console.error(`Failed to play animation for ${spriteKey}`, err);
|
||||
}
|
||||
|
||||
sprite.setPipelineData("ignoreTimeTint", true);
|
||||
sprite.setPipelineData("spriteKey", transformedPokemon.getSpriteKey());
|
||||
sprite.setPipelineData("shiny", transformedPokemon.shiny);
|
||||
sprite.setPipelineData("variant", transformedPokemon.variant);
|
||||
["spriteColors", "fusionSpriteColors"].map(k => {
|
||||
if (transformedPokemon.summonData.speciesForm) {
|
||||
k += "Base";
|
||||
}
|
||||
sprite.pipelineData[k] = transformedPokemon.getSprite().pipelineData[k];
|
||||
});
|
||||
});
|
||||
|
||||
globalScene.time.delayedCall(250, () => {
|
||||
globalScene.tweens.add({
|
||||
targets: this.evolutionBgOverlay,
|
||||
alpha: 1,
|
||||
delay: 500,
|
||||
duration: 1500,
|
||||
ease: "Sine.easeOut",
|
||||
onComplete: () => {
|
||||
globalScene.time.delayedCall(1000, () => {
|
||||
globalScene.tweens.add({
|
||||
targets: this.evolutionBgOverlay,
|
||||
alpha: 0,
|
||||
duration: 250,
|
||||
});
|
||||
this.evolutionBg.setVisible(true);
|
||||
this.evolutionBg.play();
|
||||
});
|
||||
globalScene.playSound("se/charge");
|
||||
this.doSpiralUpward();
|
||||
globalScene.tweens.addCounter({
|
||||
from: 0,
|
||||
to: 1,
|
||||
duration: 2000,
|
||||
onUpdate: t => {
|
||||
this.pokemonTintSprite.setAlpha(t.getValue());
|
||||
},
|
||||
onComplete: () => {
|
||||
this.pokemonSprite.setVisible(false);
|
||||
globalScene.time.delayedCall(1100, () => {
|
||||
globalScene.playSound("se/beam");
|
||||
this.doArcDownward();
|
||||
globalScene.time.delayedCall(1000, () => {
|
||||
this.pokemonEvoTintSprite.setScale(0.25);
|
||||
this.pokemonEvoTintSprite.setVisible(true);
|
||||
this.doCycle(1, 1).then(_success => {
|
||||
globalScene.playSound("se/sparkle");
|
||||
this.pokemonEvoSprite.setVisible(true);
|
||||
this.doCircleInward();
|
||||
globalScene.time.delayedCall(900, () => {
|
||||
this.pokemon.changeForm(this.formChange).then(() => {
|
||||
if (!this.modal) {
|
||||
globalScene.phaseManager.unshiftNew("EndEvolutionPhase");
|
||||
}
|
||||
|
||||
globalScene.playSound("se/shine");
|
||||
this.doSpray();
|
||||
globalScene.tweens.add({
|
||||
/**
|
||||
* Commence the tweens that play after the form change animation finishes
|
||||
* @param transformedPokemon - The Pokemon after the evolution
|
||||
* @param preName - The name of the Pokemon before the evolution
|
||||
*/
|
||||
private postFormChangeTweens(transformedPokemon: Pokemon, preName: string): void {
|
||||
globalScene.tweens.chain({
|
||||
targets: null,
|
||||
tweens: [
|
||||
{
|
||||
targets: this.evolutionOverlay,
|
||||
alpha: 1,
|
||||
duration: 250,
|
||||
@ -112,21 +51,26 @@ export class FormChangePhase extends EvolutionPhase {
|
||||
onComplete: () => {
|
||||
this.evolutionBgOverlay.setAlpha(1);
|
||||
this.evolutionBg.setVisible(false);
|
||||
globalScene.tweens.add({
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: [this.evolutionOverlay, this.pokemonEvoTintSprite],
|
||||
alpha: 0,
|
||||
duration: 2000,
|
||||
delay: 150,
|
||||
easing: "Sine.easeIn",
|
||||
onComplete: () => {
|
||||
globalScene.tweens.add({
|
||||
},
|
||||
{
|
||||
targets: this.evolutionBgOverlay,
|
||||
alpha: 0,
|
||||
duration: 250,
|
||||
completeDelay: 250,
|
||||
onComplete: () => this.pokemon.cry(),
|
||||
},
|
||||
],
|
||||
// 1.25 seconds after the pokemon cry
|
||||
completeDelay: 1250,
|
||||
onComplete: () => {
|
||||
globalScene.time.delayedCall(250, () => {
|
||||
this.pokemon.cry();
|
||||
globalScene.time.delayedCall(1250, () => {
|
||||
let playEvolutionFanfare = false;
|
||||
if (this.formChange.formKey.indexOf(SpeciesFormKey.MEGA) > -1) {
|
||||
globalScene.validateAchv(achvs.MEGA_EVOLVE);
|
||||
@ -140,10 +84,7 @@ export class FormChangePhase extends EvolutionPhase {
|
||||
}
|
||||
|
||||
const delay = playEvolutionFanfare ? 4000 : 1750;
|
||||
globalScene.playSoundWithoutBgm(
|
||||
playEvolutionFanfare ? "evolution_fanfare" : "minor_fanfare",
|
||||
);
|
||||
|
||||
globalScene.playSoundWithoutBgm(playEvolutionFanfare ? "evolution_fanfare" : "minor_fanfare");
|
||||
transformedPokemon.destroy();
|
||||
globalScene.ui.showText(
|
||||
getSpeciesFormChangeMessage(this.pokemon, this.formChange, preName),
|
||||
@ -153,27 +94,98 @@ export class FormChangePhase extends EvolutionPhase {
|
||||
true,
|
||||
fixedInt(delay),
|
||||
);
|
||||
globalScene.time.delayedCall(fixedInt(delay + 250), () =>
|
||||
globalScene.playBgm(),
|
||||
);
|
||||
globalScene.time.delayedCall(fixedInt(delay + 250), () => globalScene.playBgm());
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Commence the animations that occur once the form change evolution cycle ({@linkcode doCycle}) is complete
|
||||
*
|
||||
* @privateRemarks
|
||||
* This would prefer {@linkcode doCycle} to be refactored and de-promisified so this can be moved into {@linkcode beginTweens}
|
||||
* @param preName - The name of the Pokemon before the evolution
|
||||
* @param transformedPokemon - The Pokemon being transformed into
|
||||
*/
|
||||
private afterCycle(preName: string, transformedPokemon: Pokemon): void {
|
||||
globalScene.playSound("se/sparkle");
|
||||
this.pokemonEvoSprite.setVisible(true);
|
||||
this.doCircleInward();
|
||||
globalScene.time.delayedCall(900, () => {
|
||||
this.pokemon.changeForm(this.formChange).then(() => {
|
||||
if (!this.modal) {
|
||||
globalScene.phaseManager.unshiftNew("EndEvolutionPhase");
|
||||
}
|
||||
globalScene.playSound("se/shine");
|
||||
this.doSpray();
|
||||
this.postFormChangeTweens(transformedPokemon, preName);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Commence the sequence of tweens and events that occur during the evolution animation
|
||||
* @param preName The name of the Pokemon before the evolution
|
||||
* @param transformedPokemon The Pokemon after the evolution
|
||||
*/
|
||||
private beginTweens(preName: string, transformedPokemon: Pokemon): void {
|
||||
globalScene.tweens.chain({
|
||||
// Starts 250ms after sprites have been configured
|
||||
targets: null,
|
||||
tweens: [
|
||||
// Step 1: Fade in the background overlay
|
||||
{
|
||||
delay: 250,
|
||||
targets: this.evolutionBgOverlay,
|
||||
alpha: 1,
|
||||
duration: 1500,
|
||||
ease: "Sine.easeOut",
|
||||
// We want the backkground overlay to fade out after it fades in
|
||||
onComplete: () => {
|
||||
globalScene.tweens.add({
|
||||
targets: this.evolutionBgOverlay,
|
||||
alpha: 0,
|
||||
duration: 250,
|
||||
delay: 1000,
|
||||
});
|
||||
this.evolutionBg.setVisible(true).play();
|
||||
},
|
||||
},
|
||||
// Step 2: Play the sounds and fade in the tint sprite
|
||||
{
|
||||
targets: this.pokemonTintSprite,
|
||||
alpha: { from: 0, to: 1 },
|
||||
duration: 2000,
|
||||
onStart: () => {
|
||||
globalScene.playSound("se/charge");
|
||||
this.doSpiralUpward();
|
||||
},
|
||||
onComplete: () => {
|
||||
this.pokemonSprite.setVisible(false);
|
||||
},
|
||||
},
|
||||
],
|
||||
|
||||
// Step 3: Commence the form change animation via doCycle then continue the animation chain with afterCycle
|
||||
completeDelay: 1100,
|
||||
onComplete: () => {
|
||||
globalScene.playSound("se/beam");
|
||||
this.doArcDownward();
|
||||
globalScene.time.delayedCall(1000, () => {
|
||||
this.pokemonEvoTintSprite.setScale(0.25).setVisible(true);
|
||||
this.doCycle(1, 1, () => this.afterCycle(preName, transformedPokemon));
|
||||
});
|
||||
},
|
||||
});
|
||||
},
|
||||
});
|
||||
},
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
},
|
||||
});
|
||||
},
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
doEvolution(): void {
|
||||
const preName = getPokemonNameWithAffix(this.pokemon, false);
|
||||
|
||||
this.pokemon.getPossibleForm(this.formChange).then(transformedPokemon => {
|
||||
this.configureSprite(transformedPokemon, this.pokemonEvoSprite, false);
|
||||
this.configureSprite(transformedPokemon, this.pokemonEvoTintSprite, false);
|
||||
this.beginTweens(preName, transformedPokemon);
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
@ -5,9 +5,13 @@ import type BattleScene from "#app/battle-scene";
|
||||
import { globalScene } from "#app/global-scene";
|
||||
import { FixedInt } from "#app/utils/common";
|
||||
|
||||
type TweenManager = typeof Phaser.Tweens.TweenManager.prototype;
|
||||
|
||||
/** The set of properties to mutate */
|
||||
const PROPERTIES = ["delay", "completeDelay", "loopDelay", "duration", "repeatDelay", "hold", "startDelay"];
|
||||
|
||||
type FadeInType = typeof FadeIn;
|
||||
type FadeOutType = typeof FadeOut;
|
||||
|
||||
export function initGameSpeed() {
|
||||
const thisArg = this as BattleScene;
|
||||
|
||||
@ -18,14 +22,44 @@ export function initGameSpeed() {
|
||||
return thisArg.gameSpeed === 1 ? value : Math.ceil((value /= thisArg.gameSpeed));
|
||||
};
|
||||
|
||||
const originalAddEvent = this.time.addEvent;
|
||||
// biome-ignore lint/complexity/noExcessiveCognitiveComplexity: Complexity is necessary here
|
||||
const mutateProperties = (obj: any, allowArray = false) => {
|
||||
// We do not mutate Tweens or TweenChain objects themselves.
|
||||
if (obj instanceof Phaser.Tweens.Tween || obj instanceof Phaser.Tweens.TweenChain) {
|
||||
return;
|
||||
}
|
||||
// If allowArray is true then check if first obj is an array and if so, mutate the tweens inside
|
||||
if (allowArray && Array.isArray(obj)) {
|
||||
for (const tween of obj) {
|
||||
mutateProperties(tween);
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
for (const prop of PROPERTIES) {
|
||||
const objProp = obj[prop];
|
||||
if (typeof objProp === "number" || objProp instanceof FixedInt) {
|
||||
obj[prop] = transformValue(objProp);
|
||||
}
|
||||
}
|
||||
// If the object has a 'tweens' property that is an array, then it is a tween chain
|
||||
// and we need to mutate its properties as well
|
||||
if (obj.tweens && Array.isArray(obj.tweens)) {
|
||||
for (const tween of obj.tweens) {
|
||||
mutateProperties(tween);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const originalAddEvent: typeof Phaser.Time.Clock.prototype.addEvent = this.time.addEvent;
|
||||
this.time.addEvent = function (config: Phaser.Time.TimerEvent | Phaser.Types.Time.TimerEventConfig) {
|
||||
if (!(config instanceof Phaser.Time.TimerEvent) && config.delay) {
|
||||
config.delay = transformValue(config.delay);
|
||||
}
|
||||
return originalAddEvent.apply(this, [config]);
|
||||
};
|
||||
const originalTweensAdd = this.tweens.add;
|
||||
const originalTweensAdd: TweenManager["add"] = this.tweens.add;
|
||||
|
||||
this.tweens.add = function (
|
||||
config:
|
||||
| Phaser.Types.Tweens.TweenBuilderConfig
|
||||
@ -33,71 +67,33 @@ export function initGameSpeed() {
|
||||
| Phaser.Tweens.Tween
|
||||
| Phaser.Tweens.TweenChain,
|
||||
) {
|
||||
if (config.loopDelay) {
|
||||
config.loopDelay = transformValue(config.loopDelay as number);
|
||||
}
|
||||
|
||||
if (!(config instanceof Phaser.Tweens.TweenChain)) {
|
||||
if (config.duration) {
|
||||
config.duration = transformValue(config.duration);
|
||||
}
|
||||
|
||||
if (!(config instanceof Phaser.Tweens.Tween)) {
|
||||
if (config.delay) {
|
||||
config.delay = transformValue(config.delay as number);
|
||||
}
|
||||
if (config.repeatDelay) {
|
||||
config.repeatDelay = transformValue(config.repeatDelay);
|
||||
}
|
||||
if (config.hold) {
|
||||
config.hold = transformValue(config.hold);
|
||||
}
|
||||
}
|
||||
}
|
||||
mutateProperties(config);
|
||||
return originalTweensAdd.apply(this, [config]);
|
||||
};
|
||||
const originalTweensChain = this.tweens.chain;
|
||||
} as typeof originalTweensAdd;
|
||||
|
||||
const originalTweensChain: TweenManager["chain"] = this.tweens.chain;
|
||||
this.tweens.chain = function (config: Phaser.Types.Tweens.TweenChainBuilderConfig): Phaser.Tweens.TweenChain {
|
||||
if (config.tweens) {
|
||||
for (const t of config.tweens) {
|
||||
if (t.duration) {
|
||||
t.duration = transformValue(t.duration);
|
||||
}
|
||||
if (t.delay) {
|
||||
t.delay = transformValue(t.delay as number);
|
||||
}
|
||||
if (t.repeatDelay) {
|
||||
t.repeatDelay = transformValue(t.repeatDelay);
|
||||
}
|
||||
if (t.loopDelay) {
|
||||
t.loopDelay = transformValue(t.loopDelay as number);
|
||||
}
|
||||
if (t.hold) {
|
||||
t.hold = transformValue(t.hold);
|
||||
}
|
||||
}
|
||||
}
|
||||
mutateProperties(config);
|
||||
return originalTweensChain.apply(this, [config]);
|
||||
};
|
||||
const originalAddCounter = this.tweens.addCounter;
|
||||
} as typeof originalTweensChain;
|
||||
const originalAddCounter: TweenManager["addCounter"] = this.tweens.addCounter;
|
||||
|
||||
this.tweens.addCounter = function (config: Phaser.Types.Tweens.NumberTweenBuilderConfig) {
|
||||
if (config.duration) {
|
||||
config.duration = transformValue(config.duration);
|
||||
}
|
||||
if (config.delay) {
|
||||
config.delay = transformValue(config.delay);
|
||||
}
|
||||
if (config.repeatDelay) {
|
||||
config.repeatDelay = transformValue(config.repeatDelay);
|
||||
}
|
||||
if (config.loopDelay) {
|
||||
config.loopDelay = transformValue(config.loopDelay as number);
|
||||
}
|
||||
if (config.hold) {
|
||||
config.hold = transformValue(config.hold);
|
||||
}
|
||||
mutateProperties(config);
|
||||
return originalAddCounter.apply(this, [config]);
|
||||
};
|
||||
} as typeof originalAddCounter;
|
||||
|
||||
const originalCreate: TweenManager["create"] = this.tweens.create;
|
||||
this.tweens.create = function (config: Phaser.Types.Tweens.TweenBuilderConfig) {
|
||||
mutateProperties(config, true);
|
||||
return originalCreate.apply(this, [config]);
|
||||
} as typeof originalCreate;
|
||||
|
||||
const originalAddMultiple: TweenManager["addMultiple"] = this.tweens.addMultiple;
|
||||
this.tweens.addMultiple = function (config: Phaser.Types.Tweens.TweenBuilderConfig[]) {
|
||||
mutateProperties(config, true);
|
||||
return originalAddMultiple.apply(this, [config]);
|
||||
} as typeof originalAddMultiple;
|
||||
|
||||
const originalFadeOut = SoundFade.fadeOut;
|
||||
SoundFade.fadeOut = ((_scene: Phaser.Scene, sound: Phaser.Sound.BaseSound, duration: number, destroy?: boolean) =>
|
||||
|
||||
@ -122,15 +122,20 @@ export default class GameWrapper {
|
||||
},
|
||||
};
|
||||
|
||||
// TODO: Replace this with a proper mock of phaser's TweenManager.
|
||||
this.scene.tweens = {
|
||||
add: data => {
|
||||
if (data.onComplete) {
|
||||
data.onComplete();
|
||||
}
|
||||
// TODO: our mock of `add` should have the same signature as the real one, which returns the tween
|
||||
data.onComplete?.();
|
||||
},
|
||||
getTweensOf: () => [],
|
||||
killTweensOf: () => [],
|
||||
chain: () => null,
|
||||
|
||||
chain: data => {
|
||||
// TODO: our mock of `chain` should have the same signature as the real one, which returns the chain
|
||||
data?.tweens?.forEach(tween => tween.onComplete?.());
|
||||
data.onComplete?.();
|
||||
},
|
||||
addCounter: data => {
|
||||
if (data.onComplete) {
|
||||
data.onComplete();
|
||||
|
||||
@ -5,7 +5,7 @@ export class MockVideoGameObject implements MockGameObject {
|
||||
public name: string;
|
||||
public active = true;
|
||||
|
||||
public play = () => null;
|
||||
public play = () => this;
|
||||
public stop = () => this;
|
||||
public setOrigin = () => this;
|
||||
public setScale = () => this;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user