add damage taken starter

Author: kamerat

src/client/game.ts

@@ -22,14 +22,14 @@ export class Game {
         document.body.appendChild(this.app.canvas)
 
         const monsters = [
-            new Bigfoot(this.app),
+            new Bigfoot(this.app, 1026),
             new Bigfoot(this.app),
         ]
 
         this.monsterManager = new MonsterManager(this.app, monsters)
         this.likeEventManager = new LikeEventManager(this.app, this.monsterManager)
 
-        const socket = io('http://localhost:3000?u=tbell112')
+        const socket = io('http://localhost:3000?u=live_arcade_')
 
         socket.on('connect', () => {
             console.log('Connected to server')

src/client/healthBar.ts

@@ -28,6 +28,7 @@ export class HealthBar {
         this.healthBar.rect(0, 0, 200, 24)
         this.healthBar.fill(0x00CC00)
         this.healthBar.x = initialX
+        this.healthBar.scale.x = Math.max(monster.getHealthPercentage(), 0)
         this.healthBar.y = initialY
         this.container.addChild(this.healthBar)
 

src/client/monster.ts

@@ -15,7 +15,6 @@ export class Monster extends EventEmitter {
 
     constructor(app: PIXI.Application) {
         super()
-        this.damageTaken = 0
         this.killed = false
         this.app = app
     }

src/client/monsters/bigfoot.ts

@@ -2,10 +2,11 @@ import * as PIXI from 'pixi.js'
 import { Monster } from '../monster'
 
 export class Bigfoot extends Monster {
-    constructor(app: PIXI.Application) {
+    constructor(app: PIXI.Application, startHealth?: number) {
         super(app)
         this.name = 'Bigfoot'
-        this.hp = 200
+        this.hp = 10000
+        this.damageTaken = startHealth ?? 0
         this.sprites = {
             idle: './sprites/bigfoot/idle.json',
             die: './sprites/bigfoot/die.json',