✍️Today I Learned

📅 2025-09-12

• Lyra - HUD

---

Lyra - HUD

UI 시스템 구현 (실제 완성된 기능들)

🎯 완성된 핵심 기능

1. 무기별 스킬 아이콘 자동 변경: 무기 장착 시 HUD 스킬바에 해당 스킬 아이콘 표시
2. 체력 시스템: 체력 깎이고 회복되는 기능 구현 (HP/MP/ST 바)
3. 쿨다운 애니메이션: 스킬 사용 시 시각적 쿨다운 표시

스킬 아이콘 동적 변경 시스템

구현 방식: 메시지 서브시스템 활용
1. 무기 획득 → 어빌리티 부여
2. Event.Ability.Skill.Give 메시지 브로드캐스트
3. 페이로드에 커스텀 구조체 전달 (Owner, Ability, InputTag)
4. HUD 스킬 슬롯에서 메시지 수신하여 해당 슬롯 아이콘 업데이트

쿨다운 애니메이션 시스템

구현 방식: 메시지 서브시스템 활용
1. 위젯 초기화 시 메시지 리스너 등록
2. GA(Gameplay Ability)에서 스킬 사용 시 메시지 브로드캐스트
3. LyraInteractionDurationMessage 구조체 활용
4. Duration 데이터 받아서 스킬바에 쿨다운 애니메이션 실행

HUD 구성 요소

• 스킬바: 무기별 스킬 아이콘 및 쿨다운 애니메이션
• HP/MP/ST 바: 실시간 수치 변화 반영
• 타겟 조준점 UI: 조준 시 사용자 경험 개선
• 전체 HUD 레이아웃: 시각적 정렬 및 배치 최적화

핵심 기술

• 라이라 메시지 서브시스템: UI와 게임로직 간 느슨한 결합
• 구조체를 이용한 메시지 페이로드 전달: 기존 라이라 구조체 및 커스텀 구조체 정의
• 동적 위젯 업데이트: 메시지 기반 실시간 UI 변경
• 어빌리티 기반 아이콘 매핑: 무기-어빌리티-아이콘 연결 체계

---

💡 느낀 점 (What I Felt)

라이라의 메시지 시스템을 활용해서 UI와 게임로직을 완전히 분리하여 HUD를 구현했다.

---