Define the HUD layout spec — all 8 elements, positions, and player-side mirroring #104

Activity

1. chowjustin

   assigned

   shasatanjaya

   on May 13, 2026
2. chowjustin

   added a parent issue on May 13, 2026

   • [TASK-11] UI System, HUD & Overlay Nodes #101
3. chowjustin

   added this to QuackFight Backlogon May 13, 2026
4. github-project-automation

   moved this to Backlog in QuackFight Backlogon May 13, 2026
5. Vallykrie

   moved this from Backlog to In progress in QuackFight Backlogon May 18, 2026
6. Vallykrie commented on May 18, 2026

   

   Vallykrie

   on May 18, 2026

   Member

   More actions

   Resolution - HUD Layout Spec:

   1. P1 HP Bar: Anchored top-left.
   2. P2 HP Bar: Anchored top-right (mirrored horizontally).
   3. Round Label: Centered near the top ("Turn 1/20").
   4. Damage Popup: Floats dynamically above the damaged player.
   5. Bottom HUD Background: Anchored to the bottom edge.
   6. Timer Bar: Positioned at the top edge of the Bottom HUD, shrinks from right-to-left.
   7. Skill Buttons (x3): 2x Damage, Heal, Fixed Hit. Displayed dynamically for the active player.
   8. Active Player Glow: A visual indicator highlighting whose turn it currently is.
7. Vallykrie

   closed this as completedon May 18, 2026
8. github-project-automation

   moved this from In progress to Done in QuackFight Backlogon May 18, 2026