hud.js

// Hud - the heads up display

// Heads up display shows the status of each character.  What is their health meter?  What is their power up energy for a special move?

export default class Hud extends Phaser.GameObjects.Group {
    constructor ({scene, player, npc}) {
        super(scene);

        this.scene=scene;
        this.player=player;
        this.npc=npc;

        //this.bg = this.scene.add.image(0,0,'hudBg').setOrigin(0, 0);
        this.width = 800;

        //this.healthbar = scene.add.sprite(2,2,'healthbar').setOrigin(0, 0);
        
        this.score = 0;
        //this.score.pts = int;
        //this.score.pts = 0;
        this.scoreLabel = 'Score: ';
        this.scene.hudText = [];
        this.addFancyText(150,30);
        this.addFancyText(500,30);
        this.addFancyText(150,5);
        this.addFancyText(500,5);
        this.scene.hudText[2].text='Player: Candy';
        this.scene.hudText[3].text='Enemy: Stewie';
    }

    update ()
    {
        this.updateHealth();
        this.updateScore();
    }

    addFancyText(x,y) {
        var text = this.scene.add.text(x,y,'',{font: "20px Arial Black", fill: "#fff"});
        text.setStroke('#00f', 5);
        text.setShadow(2,2,'#333333',2,true,true);
        this.scene.hudText.push(text);
    }

    updateHealth ()
    {
        /*this.healthbar.crop(new Phaser.Rectangle(0, 0, (this.player.health / this.player.maxHealth) * this.width, 10));
        this.healthbar.updateCrop();*/
        this.scene.hudText[0].text = '' + this.player.health + '/' + this.player.maxHealth;
        this.scene.hudText[1].text = '' + this.npc.health + '/' + this.npc.maxHealth;
    }

    updateScore(amount)
    {
        this.score += amount;
        //this.scoreText.text = this.scoreLabel + (this.score * 10);
        this.scoreText = this.scoreLabel + (this.score * 10);
    }
}