front/src/Phaser/Reconnecting/ReconnectingScene.ts

   1 import {gameManager} from "../Game/GameManager";
   2 import {TextField} from "../Components/TextField";
   3 import {TextInput} from "../Components/TextInput";
   4 import {ClickButton} from "../Components/ClickButton";
   5 import Image = Phaser.GameObjects.Image;
   6 import Rectangle = Phaser.GameObjects.Rectangle;
   7 import {PLAYER_RESOURCES} from "../Entity/Character";
   8 import {cypressAsserter} from "../../Cypress/CypressAsserter";
   9 import Sprite = Phaser.GameObjects.Sprite;
  10
  11 export const ReconnectingSceneName = "ReconnectingScene";
  12 enum ReconnectingTextures {
  13     icon = "icon",
  14     mainFont = "main_font"
  15 }
  16
  17 export class ReconnectingScene extends Phaser.Scene {
  18     private reconnectingField: TextField;
  19     private logo: Image;
  20     private cat: Sprite;
  21
  22     constructor() {
  23         super({
  24             key: ReconnectingSceneName
  25         });
  26     }
  27
  28     preload() {
  29         //this.load.image(ReconnectingTextures.icon, "resources/logos/tcm_full.png");
  30         // Note: arcade.png from the Phaser 3 examples at: https://github.com/photonstorm/phaser3-examples/tree/master/public/assets/fonts/bitmap
  31         this.load.bitmapFont(ReconnectingTextures.mainFont, 'resources/fonts/arcade.png', 'resources/fonts/arcade.xml');
  32         this.load.spritesheet(
  33             'cat',
  34             'resources/characters/pipoya/Cat 01-1.png',
  35             {frameWidth: 32, frameHeight: 32}
  36         );
  37     }
  38
  39     create() {
  40         //this.logo = new Image(this, this.game.renderer.width - 30, this.game.renderer.height - 20, ReconnectingTextures.icon);
  41         //this.add.existing(this.logo);
  42
  43         this.reconnectingField = new TextField(this, this.game.renderer.width / 2, this.game.renderer.height / 2, "Connection lost. Reconnecting...");
  44         this.reconnectingField.setOrigin(0.5, 0.5).setCenterAlign();
  45
  46         let cat = this.physics.add.sprite(this.game.renderer.width / 2, this.game.renderer.height / 2 - 32, 'cat');
  47         this.anims.create({
  48             key: 'right',
  49             frames: this.anims.generateFrameNumbers('cat', { start: 6, end: 8 }),
  50             frameRate: 10,
  51             repeat: -1
  52         });
  53         cat.play('right');
  54
  55     }
  56 }