Game Develop

[UE5] 언리얼 UI 최적화. 본문

UnrealEngine5/이것저것

[UE5] 언리얼 UI 최적화.

MaxLevel 2024. 6. 17. 23:09

전체내용은 맨하단의 링크를 참고. 링크가 총 3갠데, 3개 전부 내용을 적는게 아니라 첫번째꺼의 당장 소화할 수 있는 극히 일부분만 조금 적어보려 한다. 3개링크 한번쯤 읽어보면 괜찮은 글 같다.

 

먼저 Visibility 옵션에 관해 짤막한 소개.

UnreanEngine4에서 이름만 조금 바뀐정도인 것 같다.

내용은 사실상 동일하다.

아래는 UnrealEngine5에서의 옵션들 이름이다.

 

Visible       :  화면에 보이면서 마우스 클릭,터치등의 인터랙션 가능.

                      해당 레이어 밖에서의 인터랙션은 통하지 않음. ( ex) 화면 전체를 가리는 레이어를 쓸 때)

 

Collapsed :   화면에 보이지 않게하면서 공간을 차지하지 않게 하고 싶을 때 사용

                       (보이지 않을 때 공간을 차지하면 어색한 위젯에 사용)

  

 

Hidden      :    화면에 보이지 않지만 공간은 차지하는 경우 (공간 차지해도 상관없는 경우 사용)

 

Not Hit - Testable (Self & Children)  :  현재 위젯과 자식들을 보이긴 하지만 인터랙션은 불가능.

Not Hit - Testable (Self Only)  :  현재 위젯을 보이게 하고, 인터랙션 불가능.

 

 

 

 

 

1. Collapsed는 레이아웃 공간을 차지하지 않아 숨겨진 후에 Prepass 계산을 무시하기 때문에 Hidden 보다 성능이 우수하다고 할 수 있다. 

 

2. 다른것들과 마찬가지로 일단 Tick기반의 로직은 작성 안하는게 좋다. 이벤트기반이 좋다.

 

3. 2번과 비슷한 느낌인데, CreateWidget 함수는 매우 비싸기 때문에 사용에 주의한다.

    너무 잦은 호출을 해야하는 경우, Pooling을 사용하는것을 권장한다. 그렇다고 모든 위젯을 하는건 또 권장하지 않는다.

    즉 알아서.. 성능 프로파일링하든가 해서 타협점을 찾자.

 

 

[ 간략한 구조설명 ] (첫번째 링크)

 

언리얼 위젯은 최상위 계층부터 하위까지 재귀적으로 Paint함수가 호출된다.

Paint함수는 내부적으로 블루프린트위젯과 네이티브(C++)틱 함수를 호출한다.

그리고 Hit Test Grid를 리빌드하며 렌더러정보를 Slate Element Batcher에 추가한다.

 

여기서 Hit Test Grid란, UI와 상호작용하기위한(마우스터치 등) HitTest 를 진행해야하는 위젯들을 모아놓은 컨테이너이다.

틱마다 피킹검사하는거라 생각하면 된다.

이 컨테이너는 쿼드트리로 구성되어 있다.

즉, 상호작용을 하기위한게 아니면 반드시 Visibility옵션에서 Not Hit 옵션으로 설정하자. 굳이 Hit Test Grid의 컨테이너에 포함시켜서 검사비용을 증가시킬 필요가 없다.

 

그리고 Slate Element Batcher에 추가한다고 했었는데, 이것은 UI Slate를 렌더링하기 위한 정보를 저장/관리하는 클래스이다. (FSlateElementBatcher)

 

... 일단은 여기까지.

첫번째링크글의 일부의 내용이고, 이후의 디테일한 글은 링크를 참고바람.

 

 

 

 

 

 

 

 

 

 

 

 

https://www.slideshare.net/slideshow/aaauipptx/251701961

 

AAA게임_UI_최적화_및_빌드하기.pptx

AAA게임_UI_최적화_및_빌드하기.pptx - Download as a PDF or view online for free

www.slideshare.net

 

 

https://codeonwort.tistory.com/362

 

언리얼에서 UMG 작업하며 느낀 것들

이 글에서는 서드 파티는 논외로 하고 UI와 UMG를 동의어로 쓴다. 입력 처리하기 골치아프다 UI에서 입력을 받는 방법은 적어도 세 가지가 있다. UMG 블루프린트에서 key down, key up 이벤트를 직접 처

codeonwort.tistory.com

 

 

https://coding-hell.tistory.com/78

 

[UE4] 언리얼 ui 최적화 기법

[영어원문] https://topic.alibabacloud.com/a/ui-optimization-tips-in-unreal-engine-4_8_8_10274886.html UI optimization tips in Unreal Engine 4 At the Unreal Open Day 2017 event, Epic Games developer support engineer Mr. Guo Chunbiao introduced the UI op

coding-hell.tistory.com