Unreal4 HTML5(WebGL2) 프로토타입 - 모바일 HDR 설정

정규 프로젝트 외에 WebGL테스트를 위해 언리얼4 엔진은 4.16.1로 업그레이드 하였다.

프로토타입용으로 4.15.1버전을 그대로 놔두고 

이 WebGL 프로토타입 용으로만 프로젝트를 새로 만들었다.

4.15.1에서는 엔진 자체 버그로 HTML5 패키징이 실패 했었는데

4.16 버전부터 WebGL2로 HTML5 패키징 시스템이 바뀌면서 다시 테스트를 하게 되었다.

4.16버전부터 c++ 프로그래밍 h헤더파일의 include 방법이나 빌드 코드가 조금 바뀌었고

마이그레이션 작업을 시간을 들여 다시 하게 되었었는데 

헤더를 필요한 것만 추가해놓으니까 비쥬얼 스튜디오의 인텔리센스(IntelliSense) 속도가 향상된 것을 느꼈다.

주된 내용으로 넘어가서 

HTML5프로젝트는 기본적으로 모바일 플랫폼 개발 방법을 따라간다.

테스트로 Windows용 dll이나 exe를 참조하는 부분을 제외한 나머지 기능들에 대해서만

별도로 프로젝트를 구축했고 HTML5빌드에 성공했는데

화면에 검게 나오는 현상이 있었다.

Widget으로 만든 UI는 제대로 나오는 것을 확인해보니 빌드 오류는 아닌 것 같았다.

구글링으로는 답이 안나와서 언리얼 정식 docs를 찾아 답을 구했다.

모바일 디바이스용 퍼포먼스 지침서 : 

https://docs.unrealengine.com/latest/KOR/Platforms/Mobile/Performance/index.html

모바일 플랫폼에서의 포스트 프로세스 이펙트 : 

https://docs.unrealengine.com/latest/KOR/Platforms/Mobile/PostProcessEffects/index.html

프로젝트 셋팅의 mobile HDR 옵션이 체크 해제되어 있었다.

이 부분을 체크 하고 에디터를 재시작한 뒤에

다시 HTML5로 빌드를 하면

위젯 외에도 Actor들이 크롬에서 정상적으로 나오는 것을 확인하였다.

위의 링크들을 들어가보고 읽어보면 포스트 프로세싱을 위해서는 저 옵션이 적용되어있어야 되었고

그외 여러 세팅들도 Mobile HDR 옵션이 필요하다고 한다.

MSAA(안티앨리어싱)은 사용하고자 하는 기능에 따라 꺼야 하는 경우도 있다.

주의하여 세팅해보자.