Unreal UI - 적 정보가 담긴 위젯 띄우기

1. 더미를 공격시 Pitch(위아래) 로 한번 흔들거림

2. 더미를 공격시 더미가 빨간색으로 잠시 바꼇다가 돌아옴

3. 더미르 공격시 더미의 위쪽에서 데미지UI가 나옴

4. 더미를 공격시 플레이어UI 위쪽에서 더미의 HP가 나옴

4번 적을공격하면 때린객체의 HP 프로그래스바 UI 그리고 이름이 나오게 해보겠다

 

구상도이다 더미 (이름) 피통 프로그래스바, 그리고 현재HP / 전체 HP 이렇게 출력되도록 해보겠다

사용할 적의 위젯부터 만들어주겠다 

userwidget을 부모로한 EnemyUIDisplayWidget을 만들어주었다

이렇게 총 3가지를 표시해보겠다

(앵커 설정, 변수이름 설정도 전부다 꼭 해주도록 하자)

 

일단 해당 위젯을 띄워보도록 하자

뷰포트는 캐릭터화면에 띄워진다

 

플레이어의 뷰포트상에 잘 나온다

허수아비에서 이름, 그리고 hp를 설정해주고

지금 텍스트와 프로그래스바 사이가 빈공간이없으니 Spacer 도 추가해줬다

그러면 지금 보이고있는 display에 enemy 즉 더미의 값들을 넣어보도록 하자

 

위젯의 값들을 바인드해준다

name, currentHP와 maxHP를 인자값으로 받아와서 string으로 값을 업데이트 해주는 함수이다

 

우리는 화면에 때린 객체의 ui를 한마리만 띄울것이기때문에

아무리 여러마리를 때려도 마지막으로 떄린 객체의 한마리만 ui를 뷰포트상에 띄울생각이다

그러면 독립적으로 관리하는게 아니고 공유된 포인터로 현재 떠 있는 UI 추적 해야하기때문에

 

우리는 정적변수를 사용하면된다

uiDisplayWidget에서

subclassof와 정적변수 enemyUIDisplayWidgetInstance를 선언

정적변수를 사용할려면 이렇게 헤더 밑에 넣어주면된다

UEnemyUIDisplayWidget* AHitTestCrow::enemyUIDisplayWidgetInstance = nullptr;은

정적변수의 선언 이다

모든 더미의 공유용 ui포인터이다

 

화면에 현재 떠 있는 유일한 UI를 나타내는 포인터로 쓰는것이다.

뷰포트상에 띄워져있으면 인스턴스를 잠시 숨겨준뒤 위젯을 업데이트 시켜주는 내용이다

+

currentHp가 음수로 내려가지않게 0을 최대값으로 만들어주자

 

 

이제 각각의 객체가 각각의 인스턴스를 가지고있고 때린 객체의 한개의 ui만 표시된다

이제 디테일을 추가해보자

마지막으로 때린 객체의 공격이 3초동안 없으면 ui를 지워보도록하겠다

타이머핸들과 정적변수를 .h에추가해주고

정적변수 currentWidgetOwner를 선언

더미가 누구인지 알기위해

currentWidgetOwner = this;를 해주고

타이머를 사용해서 3초뒤에 띄워진 ui를 삭제한다

+ui도 좀 색상,모양도 변경해줬다

3초뒤에 ui가 잘 사라진다

 

이제 더미를 때리면 각각의 더미 인스턴스의 각각의 ui를 한개만 잘 뷰포트에 잘 출력된다

1. 더미를 공격시 Pitch(위아래) 로 한번 흔들거림

2. 더미를 공격시 더미가 빨간색으로 잠시 바꼇다가 돌아옴

3. 더미르 공격시 더미의 위쪽에서 데미지UI가 나옴

4. 더미를 공격시 플레이어UI 위쪽에서 더미의 HP가 나옴