Source: Frontend/game/browser/monster.mjs

  1. /* eslint-disable max-len,curly,complexity,prefer-template */
  2. /* global PIXI */
  3. /** @module Monster */
  5. import MonsterCommon from "../common/monster.mjs";
  7. export default class Monster extends MonsterCommon {
  8.   constructor(...args) {
  9.     super(...args);
  10.     this._lastMove = Date.now();
  11.   }
  13.   /**
  14.    * Generates sprite for a specific monster and adds it to the floor.
  15.    */
  16.   createSprite() {
  17.     this.sprite = new PIXI.Sprite(PIXI.loader.resources.demon.textures[this.name]);
  18.     this.sprite.position.set(this.x, this.y);
  19.     this.sprite.width = MonsterCommon.SPRITE_SIZE * this.size;
  20.     this.sprite.height = MonsterCommon.SPRITE_SIZE * this.size;
  21.     this.floor.monsterSprites.addChild(this.sprite);
  22.     this.regularTint = this.sprite.tint;
  23.   
  24.     this._textStyle2 = new PIXI.TextStyle({
  25.       fill: "#ff0000",
  26.       fontSize: 24,
  27.       fontFamily: "Tahoma",
  28.       fontWeight: "bold"
  29.     });
  31.     this.hpNotificationSprite = new PIXI.Text("", this._textStyle2);
  32.     this.hpNotificationSpriteOffset = (this.sprite.width / 2) - (this.hpNotificationSprite.width / 2);
  33.     this.hpNotificationSprite.position.set(this.sprite.position.x + this.hpNotificationSpriteOffset, this.sprite.position.y - 40);
  34.     this.floor.monsterSprites.addChild(this.hpNotificationSprite);
  35.   }
  37.   /**
  38.    * Updates the sprite's position for all monsters on the floor.
  39.    * @param viewX 
  40.    * @param viewY 
  41.    */
  42.   update(viewX, viewY) {
  43.     let now = Date.now();
  44.     let prevx = this.x;
  45.     let prevy = this.y;
  46.     this.move(this._lastMove - now);
  47.     this._lastMove = now;
  48.     this.sprite.position.set(this.x - viewX, this.y - viewY);
  49.     this.hpNotificationSprite.position.set(this.x - viewX + this.hpNotificationSpriteOffset, this.y - viewY - 25);
  50.     if(this.tinted !== -1) {
  51.       if(this.sprite.tint === this.regularTint) {
  52.         this.tint();
  53.         this.hpDamageTaken = Math.abs(this.hpDamageTaken) * -1;
  54.         this.hpNotificationSprite.setText(this.hpDamageTaken);
  55.         this.hpNotificationSpriteOffset = (this.sprite.width / 2) - (this.hpNotificationSprite.width / 2);
  56.       }
  57.       if(new Date().getTime() - this.tinted > 200) {
  58.         this.tinted = -1;
  59.         this.untint();
  60.         this.hpNotificationSprite.setText();
  61.       }
  62.     }
  63.     if(this.collisionEntities(this.floor.monsters, this.SPRITE_SIZE) >= -1 || this.collisionEntities(this.floor.players, this.floor.players[0].SPRITE_SIZE) >= -1) {
  64.       this.x = prevx;
  65.       this.y = prevy;
  66.       this.sprite.position.set(this.x - viewX, this.y - viewY);
  67.       this.hpNotificationSprite.position.set(this.x - viewX + this.hpNotificationSpriteOffset, this.y - viewY - 25);
  68.     }
  69.   }
  71.   /**
  72.    * Handle state updates from the server
  73.    */
  74.   handleState(state) {
  75.     let oldHP = this.hp;
  76.     let oldName = this.name;
  78.     Object.assign(this, state);
  80.     // update the sprite
  81.     if(oldName !== this.name) {
  82.       this.sprite.texture = PIXI.loader.resources.demon.textures[this.name];
  83.     }
  84.     if(oldHP !== this.hp) {
  85.       this.tinted = new Date().getTime();
  86.       this.hpDamageTaken = oldHP - this.hp;
  87.     }
  88.   }
  90.   /**
  91.    * Remove a monster from a PIXI.Container
  92.    * @param {PIXI.Container} container
  93.    */
  94.   remove() {
  95.     this.floor.monsterSprites.removeChild(this.sprite);
  96.     this.floor.monsterSprites.removeChild(this.hpNotificationSprite);
  97.   }
  98.   
  99.   /**
  100.    * ~WIP drop items down the road
  101.    * 
  102.    * Monster dies.
  103.    */
  104.   die() {
  105.     this.floor.monsterSprites.removeChild(this.sprite);
  106.     this.x = -1; // (-1, -1) coordinate tells us that the monster is dead
  107.     this.y = -1;
  108.     this.alive = false;
  109.   }
  111.   /**
  112.    * Tints player's sprite red.
  113.    */
  114.   tint() {
  115.     this.tinted = new Date().getTime();
  116.     this.sprite.tint = 0xFF0000;
  117.   }
  119.   /**
  120.    * Untints player's sprite.
  121.    */
  122.   untint() {
  123.     this.sprite.tint = this.regularTint;
  124.     this.tinted = -1;
  125.   }
  127.   /**
  128.    * Get the hp of the monster
  129.    */
  130.   getHp() {
  131.     return this.hp;
  132.   }
  133. }