Skip to content

Hero ui upgrade #215

@guoxinlyu

Description

@guoxinlyu

Description

**Task:**Hero UI Upgrade (#215).
Feature: Hero UI Improvements #195

Upgrade and relocate the Hero UI to the right side of the game screen to better match the game’s overall aesthetic and improve readability. The panel will present the hero’s core stats (HP, damage, level), skill cooldowns/charges, ultimate readiness, and status effects. It will use existing game state services/events to stay in sync (e.g., hero selection, upgrades, currency changes) and expose clean hooks so other teams can align their UI against a stable baseline. Legacy “1/2/3 power” prompts will be removed from the placement flow to avoid confusion.

Example (optional)

  • In-Play: In-play: When the Samurai hero is selected, the right-side panel shows name, HP bar, base damage, and skill icons with live cooldown timers; the Ultimate icon highlights when ready. On upgrade, the panel animates and updates damage/level immediately.

Dependencies

List any tasks on which this ticket relies. If there is already an existing ticket, reference it using #xx. If a task needs to be implemented, and the issue does not already exist, make a new ticket and leave it unassigned for someone else to take on. Ensure other team members are aware of the issue.

Milestones

List of steps that need to be completed for this task.

  • Wireframe & spec for right-side Hero UI (Oct. 17)
  • Implement right-panel container + stat bars (HP/damage/level)(Oct. 20)
  • Implement skill/ultimate icons with cooldown logic & tooltips (Oct. 21)
  • Integrate with events (upgrade, selectedHeroChanged, skinChanged)(Oct. 22)

Completion Deadline: Oct. 23

Documentation

Member

-Guoxin (@guoxinlyu )(Guoxin Lyu)

Metadata

Metadata

Assignees

Labels

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions