Add Hp bar for mob and Boss

This commit is contained in:
Chris Chen
2025-11-13 16:09:15 -08:00
parent f30c41afba
commit 0d3995764b
5 changed files with 290 additions and 7 deletions
@@ -5,4 +5,18 @@
[ngClass]="{'noMinions': mob.mobAmount==1}" />
<img class="mobImg mobMinion" src="{{mob.minionImgUrl}}" (click)="showMobImage(mob)" *ngIf="mob.mobAmount>1" />
</div>
<!-- HP and Mana Bars -->
<div class="hero-stats-overlay">
<div class="stat-bar-overlay hp-bar-overlay">
<div class="stat-bar-label-overlay">
<md2-icon [icon]="MD2Icon.HP_Color" size="sm"></md2-icon>
<span class="stat-value-overlay">{{mob.unitRemainHp}}/{{mob.hp}}</span>
</div>
<div class="stat-progress-bar-overlay">
<div class="stat-progress-fill-overlay hp-fill-overlay" [style.width.%]="(mob.unitRemainHp / mob.hp) * 100">
</div>
</div>
</div>
</div>