class Example extends Phaser.Scene {

  preload() {}

​

  create() {

    // HUD

    this.hudContainer = this.add.container(0, 0);

​

    // Barre de vie

    this.healthBarContainer = this.add.container(20, 20);

    this.healthBarBg = this.add

      .graphics()

      .fillStyle(0x666666)

      .lineStyle(2, 0xffffff)

      //.fillRect(0, 0, 200, 20)

      //.strokeRect(0, 0, 200, 20);

      .fillRoundedRect(0, 0, 200, 20, 10)

      .strokeRoundedRect(0, 0, 200, 20);

    this.healthBar = this.add

      .graphics()

      .fillStyle(0xff0000)

      //.fillRect(1, 1, 160, 18);

      .fillRoundedRect(1, 1, 160, 18, 10);

    this.healthBarLabel = this.add.text(9, 3, "HP");

    this.healthBarContainer.add([

      this.healthBarBg,

      this.healthBar,

      this.healthBarLabel

    ]);

    this.hudContainer.add(this.healthBarContainer);

​

    // Score

    this.scoreText = this.add

      .text(config.width - 20, 20, "Score: 420")

      .setOrigin(1, 0);

    this.hudContainer.add(this.scoreText);

​

    // Minuterie

    this.timerText = this.add

      .text(config.width / 2, 20, "01:23")

      .setOrigin(0.5, 0);

    this.hudContainer.add(this.timerText);

  }

​

  update() {}

}

​

const config = {

  type: Phaser.AUTO,

  transparent: true,

  width: 800,

  height: 800,

  scene: Example

};

​

const game = new Phaser.Game(config);

​