Expand tutorials

src/ui/awaitable-ui-handler.ts

@@ -1,12 +1,26 @@
-import BattleScene from "../battle-scene";
+import BattleScene, { Button } from "../battle-scene";
 import { Mode } from "./ui";
 import UiHandler from "./ui-handler";
 
 export default abstract class AwaitableUiHandler extends UiHandler {
   protected awaitingActionInput: boolean;
   protected onActionInput: Function;
+  public tutorialActive: boolean = false;
 
   constructor(scene: BattleScene, mode: Mode) {
     super(scene, mode);
   }
+
+  processTutorialInput(button: Button): boolean {
+    if ((button === Button.ACTION || button === Button.CANCEL) && this.onActionInput) {
+      this.getUi().playSelect();
+      const originalOnActionInput = this.onActionInput;
+      this.onActionInput = null;
+      originalOnActionInput();
+      this.awaitingActionInput = false;
+      return true;
+    }
+    
+    return false;
+  }
 }

src/ui/egg-gacha-ui-handler.ts

@@ -9,6 +9,7 @@ import { VoucherType, getVoucherTypeIcon } from "../system/voucher";
 import { getPokemonSpecies } from "../data/pokemon-species";
 import { Type } from "../data/type";
 import { addWindow } from "./window";
+import { Tutorial, handleTutorial } from "../tutorial";
 
 const defaultText = 'Select a machine.';
 
@@ -239,6 +240,8 @@ export default class EggGachaUiHandler extends MessageUiHandler {
 
     this.eggGachaContainer.setVisible(true);
 
+    handleTutorial(this.scene, Tutorial.Egg_Gacha);
+
     return true;
   }
 
@@ -477,6 +480,23 @@ export default class EggGachaUiHandler extends MessageUiHandler {
     });
   }
 
+  showText(text: string, delay?: number, callback?: Function, callbackDelay?: number, prompt?: boolean, promptDelay?: number): void {
+    if (!text)
+      text = defaultText;
+    
+    if (text?.indexOf('\n') === -1) {
+      this.eggGachaMessageBox.setSize(320, 32);
+      this.eggGachaMessageBox.setY(0);
+      this.message.setY(8);
+    } else {
+      this.eggGachaMessageBox.setSize(320, 46);
+      this.eggGachaMessageBox.setY(-14);
+      this.message.setY(-6);
+    }
+
+    super.showText(text, delay, callback, callbackDelay, prompt, promptDelay);
+  }
+
   showError(text: string): void {
     this.showText(text, null, () => this.showText(defaultText), Utils.fixedInt(1500));
   }

src/ui/menu-ui-handler.ts

@@ -6,6 +6,7 @@ import { addWindow } from "./window";
 import MessageUiHandler from "./message-ui-handler";
 import { GameDataType } from "../system/game-data";
 import { OptionSelectConfig } from "./abstact-option-select-ui-handler";
+import { Tutorial, handleTutorial } from "../tutorial";
 
 export enum MenuOptions {
   GAME_SETTINGS,
@@ -155,6 +156,8 @@ export default class MenuUiHandler extends MessageUiHandler {
 
     this.scene.playSound('menu_open');
 
+    handleTutorial(this.scene, Tutorial.Menu);
+
     return true;
   }
 

src/ui/modifier-select-ui-handler.ts

@@ -5,6 +5,7 @@ import { addTextObject, getModifierTierTextTint, getTextColor, TextStyle } from
 import AwaitableUiHandler from "./awaitable-ui-handler";
 import { Mode } from "./ui";
 import { PokemonHeldItemModifier } from "../modifier/modifier";
+import { handleTutorial, Tutorial } from "../tutorial";
 
 export const SHOP_OPTIONS_ROW_LIMIT = 6;
 
@@ -163,8 +164,12 @@ export default class ModifierSelectUiHandler extends AwaitableUiHandler {
 
       this.setCursor(0);
       this.setRowCursor(1);
-      this.awaitingActionInput = true;
-      this.onActionInput = args[2];
+
+      handleTutorial(this.scene, Tutorial.Select_Item).then(() => {
+        this.setCursor(0);
+        this.awaitingActionInput = true;
+        this.onActionInput = args[2];
+      });
     });
 
     return true;

src/ui/starter-select-ui-handler.ts

@@ -47,6 +47,7 @@ export default class StarterSelectUiHandler extends MessageUiHandler {
   private pokemonCaughtCountText: Phaser.GameObjects.Text;
   private genOptionsText: Phaser.GameObjects.Text;
   private instructionsText: Phaser.GameObjects.Text;
+  private starterSelectMessageBox: Phaser.GameObjects.NineSlice;
   private starterSelectMessageBoxContainer: Phaser.GameObjects.Container;
   private statsContainer: StatsContainer;
 
@@ -291,12 +292,12 @@ export default class StarterSelectUiHandler extends MessageUiHandler {
     this.starterSelectMessageBoxContainer.setVisible(false);
     this.starterSelectContainer.add(this.starterSelectMessageBoxContainer);
 
-    const starterSelectMessageBox = addWindow(this.scene, 1, -1, 318, 28);
-    starterSelectMessageBox.setOrigin(0, 1);
-    this.starterSelectMessageBoxContainer.add(starterSelectMessageBox);
+    this.starterSelectMessageBox = addWindow(this.scene, 1, -1, 318, 28);
+    this.starterSelectMessageBox.setOrigin(0, 1);
+    this.starterSelectMessageBoxContainer.add(this.starterSelectMessageBox);
 
-    this.message = addTextObject(this.scene, 8, -8, '', TextStyle.WINDOW, { maxLines: 1 });
-    this.message.setOrigin(0, 1);
+    this.message = addTextObject(this.scene, 8, 8, '', TextStyle.WINDOW, { maxLines: 2 });
+    this.message.setOrigin(0, 0);
     this.starterSelectMessageBoxContainer.add(this.message);
 
     const date = new Date();
@@ -366,7 +367,7 @@ export default class StarterSelectUiHandler extends MessageUiHandler {
       this.setGenMode(true);
       this.setCursor(0);
 
-      //handleTutorial(this.scene, Tutorial.Starter_Select);
+      handleTutorial(this.scene, Tutorial.Starter_Select);
 
       return true;
     }
@@ -377,7 +378,15 @@ export default class StarterSelectUiHandler extends MessageUiHandler {
   showText(text: string, delay?: integer, callback?: Function, callbackDelay?: integer, prompt?: boolean, promptDelay?: integer) {
     super.showText(text, delay, callback, callbackDelay, prompt, promptDelay);
 
-    this.starterSelectMessageBoxContainer.setVisible(true);
+    if (text?.indexOf('\n') === -1) {
+      this.starterSelectMessageBox.setSize(318, 28);
+      this.message.setY(-22);
+    } else {
+      this.starterSelectMessageBox.setSize(318, 42);
+      this.message.setY(-37);
+    }
+
+    this.starterSelectMessageBoxContainer.setVisible(!!text?.length);
   }
 
   processInput(button: Button): boolean {

src/ui/ui.ts

@@ -29,6 +29,7 @@ import RegistrationFormUiHandler from './registration-form-ui-handler';
 import LoadingModalUiHandler from './loading-modal-ui-handler';
 import * as Utils from "../utils";
 import GameStatsUiHandler from './game-stats-ui-handler';
+import AwaitableUiHandler from './awaitable-ui-handler';
 
 export enum Mode {
   MESSAGE,
@@ -174,7 +175,12 @@ export default class UI extends Phaser.GameObjects.Container {
     if (this.overlayActive)
       return false;
 
-    return this.getHandler().processInput(button);
+    const handler = this.getHandler();
+
+    if (handler instanceof AwaitableUiHandler && handler.tutorialActive)
+      return handler.processTutorialInput(button);
+
+    return handler.processInput(button);
   }
 
   showText(text: string, delay?: integer, callback?: Function, callbackDelay?: integer, prompt?: boolean, promptDelay?: integer): void {