Spread your wings

[UE5] 롤플레잉 게임을 위한 레벨 디자인 연습

텐시야 — Fri, 9 Dec 2022 20:03:24 +0900

대충 탑다운 롤플레잉 게임을 만들려고 레벨 디자인 연습을 하려고 함.

실사 같은 에셋도 진짜 많은데, 사실 실사보다는 약간 유니티스럽고 캐주얼스러운 느낌을 주고 싶어서 그런 느낌의 에셋을 찾아다녔고, 괜찮은 언리얼용 무료 에셋을 발견함.

Hand Painted Environment in Environments - UE Marketplace (unrealengine.com)

Hand Painted Environment in Environments - UE Marketplace

This pack contains a wide range of vegetation, buildings, obstacles, ancient ruins and other props.

www.unrealengine.com

캐주얼 게임에서 자주 볼 수 있을 것 같은 느낌의 환경 에셋이라, 이걸 사용해서 레벨 디자인 연습을 해보기로 결정.

데모 레벨 사진

데모 레벨을 열어보니, 내가 원하는 느낌으로 잘 나와준 것 같다. 이 레벨을 레퍼런스 삼아 나만의 레벨을 디자인해보자.

우선 모든 에셋 모델들을 올려놓은 개요(Overview) 맵을 수정해서 사용해보자.

맵을 복사하고, 적당히 분위기 맞게 하늘을 수정한다.

흐릿하고 어두운 다크 판타지 배경을 생각하고, 기존 푸른 하늘을 제거한다.

또한, 회색 대기로 채워서 배경의 채도가 낮아보이게 만든다.

PostProcessVolume 이펙트를 생성하여 채도, 밝기를 조절하였다.

또한, 화면 가장자리에 비네트 효과를 주어 우울하고 음침한 분위기를 준다.

그리고 Landscape를 만들어서... 슬슬 그었는데, 뭔가 너무 길을 크게 그린 것 같다..

약간 사이즈를 줄이고... 건물을 한번 배치해보는데,

생각보다 Landscape가 너무 크다..... Landscape부터 다시 작업해야할 것 같다.

적당히 맵을 제작했다. 꽤 그럴듯하게(?) 나온다. 물을 넣을 구간도 만들었으니, 물을 채워넣어야 한다.

화면을 좀 더 어둡게 만들고, 물도 채워넣고.. 맵도 조금 더 배치해보고..

이제 탑 다운 컨트롤러를 넣을 차례인듯.

[UE5] Water 플러그인

텐시야 — Sat, 12 Nov 2022 16:44:01 +0900

저번에 만들었던 지형 생성에 이어서, 이번에는 강과 바다를 채워보기 위해서 UE5에서 제공하는 Water System을 활용해보려고 한다.

다음과 같은 레퍼런스를 참고했다.

(1) 플러그인

Settings > Plugins 메뉴를 선택해서 플러그인 창을 연다.

검색 창에 Water를 검색하고, 결과에서 옆에 체크 표시를 눌러서 플러그인을 설치한다.

실험 단계의 플러그인이기 때문에 경고가 나타난다. Yes를 누른다.

Restart Now를 눌러 에디터를 재시작한다.

재시작 할 때, 셰이더 컴파일이 오래 걸린다. 조금 기다려준다. 에디터 안열린다고 당황할 필요 없다.

Water 플러그인이 활성화된 것을 확인한다.

(2) 바다 추가하기

Landscape 모드로 전환하고, Enable Edit Layer를 활성화 한다.

그리고 Landscape를 생성한다.

Water Body Ocean 액터를 씬에 추가한다.

씬에 WaterBodyOcean 및 부가 요소들이 추가되었으나, 뭔가 이상하다. 이를 해결해주기 위해, 먼저 Landscape 액터를 눌러본다.

Landscape 액터는 -5040.0, -5040.0, 100.0 좌표에 있으며, 씬 내에서 위치는 사진과 같다.

그러나 WaterBodyOcean은 엉뚱한 곳에 가있다. 이를 보고, 좌표를 적절히 조정해줘야 한다.

WaterBodyOcean 액터를 Landscape 액터가 있던 좌표로 우선 맞추어주었다.

WaterBodyOcean 좌표를 다시 한번 맞추어주고, 뷰포트에 나타나는 가이드선을 보고, Spline Point를 설정해준다.

움짤에서는 일부러 좌표 하나하나 설정했는데, 그냥 Spline Point을 한 번에 다 선택하고 스케일 조정 및 좌표를 한꺼번에 하는 것이 편하기는 더 편하다.

가까이서 보면, 아주 그럴듯하게 바다가 만들어져있음을 알 수 있다.

(3) 강 만들기

이번에는 강을 만들어 보려고 한다.

이번엔 Water Body River 액터를 추가한다.

추가는 되었으나, 마찬가지로 좌표 상태가 영 이상하다. 조정해주자.

이와 같이 WaterBodyRiver의 위치 및 Spline Point를 옮겨주는 것으로 간단하게 강 제작까지 완성!

[UE5] C++ 로그 출력하기

텐시야 — Fri, 11 Nov 2022 15:42:20 +0900

UE5에서 간단하게 쓸만한 로그 출력의 종류는 총 두 가지가 있다.

꽤 여러 용도로 자주 쓰일 기능이라서, 하나씩 복습 겸 포스팅.

참고 자료

(1) UE_LOG 매크로를 사용한 로그

UE_LOG(LogTemp, Warning, TEXT("Hello"));

UE_LOG 매크로를 활용한다. 세 개의 각 인자의 의미는 각각 LogCategory, Verbosity, FormatString 이다.

Verbosity Level은 다음과 같이 7개의 종류가 존재한다. (UnrealCommunity Wiki 발췌)

| Verbosity Level | Printed in Console? | Printed in Editor's Log? |                      Notes                       |
|-----------------|---------------------|--------------------------|--------------------------------------------------|
| Fatal           | Yes                 | N/A                      | Crashes the session, even if logging is disabled |
| Error           | Yes                 | Yes                      | Log text is coloured red                         |
| Warning         | Yes                 | Yes                      | Log text is coloured yellow                      |
| Display         | Yes                 | Yes                      | Log text is coloured grey                        |
| Log             | No                  | Yes                      | Log text is coloured grey                        |
| Verbose         | No                  | No                       |                                                  |
| VeryVerbose     | No                  | No                       |                                                  |

주의할 점은, Fatal 레벨은 프로그램을 강제로 종료시키고 에러 보고 창을 띄워버린다.

프로그램을 살려둔 상태에서 가장 높은 에러 레벨은 Error인 것.

Verbose와 VeryVerbose는 출력되지 않는다. 그러나 로그 파일에는 출력된다고 하는데, 일단 기본 값에서는 로그 파일에도 안나오는 것 같다. 따로 설정해줘야 하는 듯.

다음과 같은 로그를 출력해보았다.

constexpr auto Number = 100;
UE_LOG(LogTemp, VeryVerbose, TEXT("%d + %d = %d!"), Number, 5, Number + 5);
UE_LOG(LogTemp, Verbose, TEXT("%d + %d = %d!"), Number, 5, Number + 5);
UE_LOG(LogTemp, Log, TEXT("%d - %d = %d!"), Number, 5, Number + 5);
UE_LOG(LogTemp, Display, TEXT("%d * %d = %d!"), Number, 5, Number + 5);
UE_LOG(LogTemp, Warning, TEXT("%d / %d = %d!"), Number, 5, Number + 5);
UE_LOG(LogTemp, Error, TEXT("%lf / %lf = %lf!"), Number, 5.0, Number / 5.0);
// UE_LOG(LogTemp, Fatal, TEXT("%lf / %lf = %lf!"), Number, 7.5, Number / 7.5);

UE_LOG 매크로는 4번째 인자부터 자동으로 포맷 인자로 인식하기 때문에, printf처럼 쓰면 된다.

이 로그를 출력하면 다음과 같이 나온다.

언리얼 에디터에서 출력 로그

Rider에서 나타난 로그

(2) 화면에 메시지 출력

const auto Name = GetName();
GEngine->AddOnScreenDebugMessage(INDEX_NONE, 5.f, FColor::White, FString::Printf(TEXT("Your name is %s!"), *Name));

GEngine->AddOnScreenDebugMessage 메서드를 사용한다. FString::Printf와 결합하여 사용할 수 있다.

각 인자는 Key, 시간, 색상, 텍스트 이다.

여기에서 Key는 메시지 출력 시 화면에 여러 번 나오는걸 방지하기 위한 고유 키이다. 고유 키 없이 계속 쌓이게 하려면, -1 또는 INDEX_NONE으로 설정한다.

요로코롬 화면 왼쪽 위에 나타난다.

[UE5] 지형 생성

텐시야 — Fri, 11 Nov 2022 14:07:13 +0900

대충 블록으로 쌓는 맵도 봤으니, Landscape툴을 사용한 야외 레벨 디자인도 한 번 시도.

어차피 아래의 언리얼 엔진 공식 매뉴얼에 잘 설명되어 있는 부분이지만, 복습을 겸해서 포스팅.

Landscape Quick Start Guide | Unreal Engine Documentation

(1) 기반 지형 생성

먼저 Landscape 모드로 전환해야 한다 :)

적당한 사이즈의 Landscape 액터를 생성하는게 먼저이다.

머티리얼이 대충 M_Ground로 지정되어 있기는 한데, 사실 별 의미없더라. 어차피 Landscape용 Material을 만들어야 한다.

(2) Landscape 머티리얼 만들기

새로운 Landscape용으로 사용할 머티리얼을 생성한다.

1. LandscapeLayerBlend 노드를 생성한다.

2. Landscape에 칠할 종류의 개수의 Layer를 생성한다. 여기서는 Grass, Gravel, Moss의 3개.

3. LandscapeLayerBlend 노드는 BaseColor용, Normal용 각각 만든다.

4. Roughness는 1로 설정한다.

5. BaseImage 및 NormalMap 텍스처를 가져와서 각각 Layer Blend에 올바르게 연결한다.

6. UV 타일링 벡터를 적절하게 조정한다.

위 과정을 거쳐, Landscape 머티리얼을 만든다.

이후, Paint 탭에서 각 Layer에 대해 Weight-Blended Layer로 레이어를 생성한다.

(3) 지형 디자인 :)

Sculpt, Paint 툴을 사용해 지형을 디자인한다 :)

(4) 텍스쳐 벽 부드럽게 만들기

위 사진 처럼 텍스처 간 경계가 부자연스럽게 딱 분리되는 형태가 생기면, Blend를 시켜서 경계를 부드럽게 만들수 있다.

왼쪽에서 Smooth 툴을 선택하고, 경계를 문질문질 문질러준다.

Smooth 툴로 문질러준 왼쪽 부분과, 문지르지 않은 오른쪽 부분이 딱 봐도 확 차이가 느껴질 정도이다.

요로케 자연스럽게 경계를 희미하게 해줄 수 있다.

[UE5] C++ 개발을 하려니, 호기심이 넘쳐서 고민.

텐시야 — Thu, 10 Nov 2022 14:22:58 +0900

본격적으로 뭔가를 개발하려면 C++든 블루프린트든, 아무튼 게임 로직 구현을 위해서 스크립팅을 하는 방법을 알아야 한다.

애초에 블루프린트는 애초에 워낙 간단하기도 하고, 나는 이미 UE4 시절 가끔가다 언리얼4를 깔아서 찍먹도 해본 상태였다.

즉, 아무튼 '블루프린트'라는 방식 자체는 나중에 배워도 어렵지 않을 것 같아서, 일단 C++를 도전해보기로 했다.

먼저, C++로 언리얼 엔진 게임 개발을 어떻게 하는지 영상을 좀 찾아봤다.

대충 어떻게 만드는지 처음부터 쭉 진행하는 튜토리얼식 코스를 조금 시청했다.

세계에서 널리 쓰이는 만큼, 엔진 자체가 이미 굉장히 완성도가 높기 때문에 거의 모든 기능을 담고 있다고 해도 과언이 아닌 것 같았고, 편의성 또한 우수해보였다.

다행히 이전에 이미 유니티 엔진을 하다가 온 경험이 있기에 강좌가 설명하는 것을 따라가는 것도 그렇게 크게 어렵진 않았다.

1. 원하는 로직을 만들기 위해서 필요한 C++ 클래스를 만든다.

2. 헤더에 변수 및 함수를 정의하고, 필요하다면 블루프린트에 노출될 수 있게 UPROPERTY, UFUNCTION등의 매크로를 붙인다.

3. 언리얼 엔진에서 제공하는 모듈들의 API들을 활용해 기능을 구현한다.

4. 필요하다면 블루프린트로 C++ 클래스를 상속받아서, 추가 기능을 구현한다.

5. 결과를 확인한다.

하지만 문제는 이거였다.

1. 유니티에서도 처음에 비슷한 문제를 겪었었는데, 저렇게 많은 레퍼런스를 어떻게 다 알고 사용해야 하지?

2. 유니티는 그나마 System 네임스페이스의 라이브러리들을 쉽게 활용할 수 있었는데, 언리얼은 STD/STL을 안쓴다.

결국 어느 정도는 언리얼 엔진의 C++ 레퍼런스를 좀 봐둬야겠다고 판단이 섰다.

그래서 C++ 레퍼런스를 읽어보고 있던 와중이었다.

근데 레퍼런스를 쭉 보고 있자니, 깨달은 사실은 언리얼은 C++ 표준을 거의 안갖다 쓴다고 해도 과언이 아니었다.

즉, reinterpret_cast 대신에 C스타일 괄호 캐스팅을 주로 사용하고, 템플릿도 std::enable_if 같은게 이미 있음에도 TEnableIf 같은 템플릿이 따로 존재했으며, std::map, std::vector 등이 이미 존재함에도 TMap, TList 등이 또 따로 다 있었다.

언리얼 엔진4를 개발할 때 이미 C++11 표준은 커녕 C++98도 이미 std::map, std::vector는 지원하는 판국에 어째서 자체적으로 이 모든걸 다 구현하고 STD는 거의 배제하다시피 해놓은 건지가 궁금했다.

대충 찾아보니 아래와 같은 포럼 스레드를 발견할 수 있었다.

Why doesn't UE utilize STL containers? - Programming & Scripting / C++ - Unreal Engine Forums

꼽아본다면 몇 가지가 나오는데,

1. C++98 표준은, '언리얼1'이 출시된 해와 같은 1998년에 발표되었다. 이미 엔진 기반이 만들어진 상태에서 뒤늦게 나온 표준이다.

2. 옛날에는 C++ 표준의 구현이 그다지 성능이나 완성도가 좋지 못했고, 심지어 사실 상 플랫폼 종속적이었다.

3. 현재에도 모바일 기기, 콘솔 등 모든 플랫폼을 독립적으로 동일하게 아우으려면 어쩔 수 없다.

4. STD/STL은 언리얼 입장에서는 서드파티기 때문에, 엔진에 맞게 최적화를 할 수 없다.

요런 의견이 나온 것 같다. 뭐 이해가 안되는 내용인건 아닌 것 같다. 그래서 일단은 납득하고 넘어가려고 하는데..

하지만 여전히 reinterpret_cast, dynamic_cast 같은걸 쓰면 안되는 이유는 궁금했다.

그리고 그것도 검색을 해보니 언리얼 C++의 캐스팅 원리에 대해 정리한 글을 통해 어느 정도 알 수 있었다.

Peter Leontev - Entrepreneur & Game Tools & Tech Programmer | How Unreal Engine C++ Cast<T> function works?

자세하고 깊게 정말 잘 쓰여져 있어서, 재미있게 읽을 수 있었다. 그리고 몇 가지 사실을 알 수 있었다.

1. 타입 안전한 dynamic_cast를 언리얼에서 Cast<T>로 새로 구현했다. 타입 형변환에서 static_cast 멈춰!

2. dynamic_cast에 비해서, 이미 언리얼 내부적으로 구현된 리플렉션을 활용하므로 성능상의 커다란 이점을 갖는다.

3. TCastImpl, TCastFlags 같은 템플릿으로 캐스팅에 필요한 템플릿 구조체를 만들어 활용한다.

4. 전달되는 객체의 유형을 이미 안다면, ExactCast<T>를 사용하면 더 빠르다.

아직도 갈 길이 멀다. 레퍼런스나 계속 읽어보러 가야겠다..

(추가1)

레퍼런스를 보다가, 무려 공식 레퍼런스에서 C/C++의 표준 함수를 안쓰는 이유에 대해서 설명하고 있는걸 찾았다.

바로 여기에서 발견할 수 있었는데, 읽어보면 이런 내용이 있다.

Historically, UE has avoided direct use of the C and C++ standard libraries. There have been several reasons for this, including: replacing slow implementations with our own, allowing additional control over memory allocation, adding new functionality before it's widely available, making desirable but non-standard behavioral changes, having consistent syntax across the codebase, or avoiding constructs which are incompatible with UE's idioms.

위에 스레드에서 얻은 내용과 거의 비슷해서 추가적으로 다른 부분은 없다. 최신 C++ 표준에 대한 언급이 있어서 이 부분에 대해서 신경을 좀 써서 읽어봤다.

해당 부분의 대략적인 내용은, 같은 구현이 있다면 레거시 UE 코드 대신 최신 표준 라이브러리로 전환할 수 있지만, 일관성에 신경을 쓰라는 대목이다. 같은 API에서 UE 레거시 코드와 표준 라이브러리를 혼용하지 말라는 부분이다.

<atomic>, <type_traits>, <initializer_list>, <regex> 같은건 필요하면 가져다 쓸 수 있는 것 같다. 특히 언리얼 자체의 atomic 지원이 부실하다고 적혀있는데, C++ 표준의 <atomic>을 활용하 수 있다면 큰 이점이 될 것 같다.

[UE5] 머티리얼 UV Tiling + UV Offset 설정

텐시야 — Tue, 8 Nov 2022 22:14:15 +0900

(1) 레벨 디자인 연습중..

시작용 콘텐츠를 가지고 레벨 디자인을 연습해보고 있다.

엄청 투박한 큐브만으로 뚝딱뚝딱 하고 있는거긴 한데, 시작용 콘텐츠에 포함된 머티리얼 애셋이 워낙에 퀄이 좋아서, 그냥 갖다만 써도 굉장히 그럴듯해 보인다. -_-ㅋㅋ

그런데 이제 건물을 하나 세우고, 문을 달아보고 싶은데... 어떻게 해야할지 감이 안잡힌다.

(2) 텍스처 & 머티리얼

일단 무작정 문짝 텍스쳐를 구해본다.

대충 적당한 문짝을 하나 구했다.

그리고 큐브를 적당히 문짝처럼 만들어서 머티리얼을 넣어보았다.

... 그런데, 상,좌우의 하얀색 여백 때문에 상당히 거슬린다.

정면에서 보니까 이것이 더욱 더 두드러져보인다.

(3) UV 오프셋 조정

일단 여기 TextureCoord 노드에서, 유니티처럼 UV Offset을 설정할 수 있을 줄 알았는데, 암만 찾아도 UV Tiling만 있는 것 같다.

우선 다음 링크에서 방법을 알았고, 영감을 얻었다.

Is there a way to offset a texture - Development / Rendering - Unreal Engine Forums

UV 값도 어차피 2차원 벡터이므로, 그걸 계산해주면 되는 것 같다.

1. Constant Vector2 노드를 하나 생성한다.

2. TexCoord 및 Constant Vector2 값을 적당히 조정해가면서 최적의 값을 찾는다.

3. 최종적으로, UV크기가 계산된 값에 Offset 벡터를 Add를 통해 더한다.

4. 그 값을 텍스쳐의 UV 인풋에 연결한다.

꽤 그럴듯하게 나온 것 같다. :)

[UE5] C++ 클래스의 변수를 블루프린트로 쓰기

텐시야 — Tue, 8 Nov 2022 13:51:39 +0900

(1) 서론

사실 이거도 이거인데.. C++ 개발 환경을 세팅하는거부터가 난관이었다.

유니티는 그냥 Visual Studio + Unity 3D 깔면 알아서 다 세팅되어서 그냥 쓰면 됐는데, 얘는 C++라서 그런건지...

엄청 신경쓰이게시리 Visual Studio 상에서 컴파일 에러가 나오고 난리난다.

결국 Rider 2022를 깔아버렸다. 요새 Rider가 Unreal Engine을 완벽히 지원하게 나왔다고 해서,

가지고 있던 Jetbrains 교육용 라이센스를 가지고 무료로 설치했다.

컴파일 에러가 안나니까, 싱글벙글 타이핑하고 컴파일을 돌리려는 찰나...

컴파일 에러가 나온다! -_-

이에 대한 컴파일 오류 해결에 대해서도 삽질이 시작되었다.

[UE5] Live Coding 컴파일 fatal error LNK1104 오류

'***' 파일을 열 수 없습니다. 라는 에러가 미친듯이 쏟아져 나온다. 아무것도 안했는데 이러니까 미치고 팔짝 뛸 노릇. 엄청나게 검색을 해댔다. 그리고 나온 해결책은 다음과 같다. (1) 첫 번째

tensiya.tistory.com

그리고 마침내 해결했으며, 해결은 위와 같은 방법으로 할 수 있었다.

(2) 블루프린트에서 변수 확인 및 기본 값 채워넣기

뭐 여튼 저튼 쨌든, 이제 블루프린트 에디터에서도 값이 잘 나타난다. 근데 값이 0인게 좀 불편하다.. 기본값을 채워넣어야겠다.

생성자에서 기본값을 채워넣었다.

이제는 Live Coding도 정상적으로 잘 컴파일 된다.

이제 해당 변수들에 기본값도 정상적으로 잘 들어간 것을 확인할 수 있다.

(3) 블루프린트 노드에서 변수 활용하기

이것을 직접 블루프린트 노드 편집기에서 사용하려면, 다음과 같이 할 수 있다. ~~직접 알아낸게 자랑~~

C++ 변수를 쉽게 사용할 수 있게끔, 자동으로 블루프린트 액션이 친절히 만들어져 있다.

대충 get max hea 까지면 쳐도, Get Max Health라는 블루프린트 액션이 검색된다.

해당 액션을 눌러서 새로운 노드를 생성하면,

짜잔, 이렇게 인풋이 없는 블루프린트 노드가 새로이 생성된다.

다음과 같은 레퍼런스를 참고하여서, Health 및 MaxHealth를 게임 시작시에 출력하는 블루프린트를 작성했다.

작성된 블루프린트는 위와 같다.

테스트 결과, C++ 변수를 올바르게 읽어서 출력하는 것을 확인할 수 있다 :)

[UE5] Live Coding 컴파일 fatal error LNK1104 오류

텐시야 — Tue, 8 Nov 2022 13:38:06 +0900

'***' 파일을 열 수 없습니다. 라는 에러가 미친듯이 쏟아져 나온다.

아무것도 안했는데 이러니까 미치고 팔짝 뛸 노릇.

파일에 접근 권한이 없거나, 아니면 이미 해당 파일이 사용중일때 나오는 에러인건 이미 알고 있다.

근데 니가 여기서 이러면 안되지...

엄청나게 검색을 해댔다. 그리고 나온 해결책은 다음과 같다.

(1) 첫 번째 해결책

컴파일 할 때는 UE5 에디터를 종료하라.

(2) 두 번째 해결책

<프로젝트 경로>\Binaries\Win64 안에 있는 파일들을 모두 삭제하라.

일단, 첫 번째 해결책인 '컴파일 할 때는 UE5 에디터를 종료하라.' 는, 컴파일 할 때 마다 매번 에디터를 끄라는 소리인가? 로 들려서, 뭔가 썩 마음에 들지 않았다.

따라서, 두 번째 해결책을 먼저 시도해보기로 했다.

엥 -_- 삭제도 안된다. UnrealEditor에서 열려있다고 나온다.

결국, ~~내가 졌다~~ UE5 에디터를 종료하고, 파일들을 모두 삭제했다.

다시 에디터를 실행하니, 위와 같은 메시지가 나온다. 뭐 리빌드 하신다는데... 그러십쇼 하고 예 버튼을 눌렀다.

잠시 기다리면 리빌드가 완료되고, UE5 에디터가 정상적으로 켜진다. 근데 아까 생각한 그것이 궁금하다.

과연 Live Coding 컴파일 할 때 마다 매번 에디터를 종료해야 하는가? ~~안되면 이게 무슨 Live Coding이야~~

Ammo 및 MaxAmmo 변수를 추가하고, 다시 Live Coding 컴파일을 시도해본다.

~~아니?~~ 이번엔 또 잘 된다 -_-... Visual Studio -> Rider로 외부 툴을 전환할 때, 프로젝트를 재생성하게 됐는데.. 아마 여기서 꼬인 것 같다.

즉, 얘네는 아마 patch라는 파일을 만드는걸로 보아서.. 새로운 파일을 계속 컴파일하고, 그것을 로딩하면서 기존의 내용을 바꿔치기 하는 방식을 사용하는 것으로 추측된다.

그런데 프로젝트를 재생성하는 과정에서, '나 이미 patch0 있음, 다음 순번은 patch1임.' 이라는 데이터까지 같이 날아가버렸기에, 'p

'인데 그걸 인지 못하고 'patch0을 생성'을 시도하다가 터진게 아닐까하는 뇌피셜을 끼워맞춰본다.

~~뭐... 되면 된거 아니겠나.~~

[UE5] UI 만들기

텐시야 — Tue, 8 Nov 2022 13:10:28 +0900

(1) 다음 작업?

벽면까지 텍스처를 칠하고, 맵 정중앙에 플레이어 스타트를 놓는 것으로 간단하게 맵 제작이 끝났다.

이제 뭘 할지를 생각해보다가, UI를 만들어 보면 어떨까 싶었다.

인벤토리 같은 복잡한 UI보다, 그냥 HP와 MP를 표시하는 정도의 HUD만 만들어보도록 해야겠다.

UMG UI 디자이너 퀵스타트 가이드 | 언리얼 엔진 5.0 문서 (unrealengine.com)

UMG UI 디자이너 퀵스타트 가이드

언리얼 엔진 4 에서 언리얼 모션 그래픽 사용 시작 안내입니다.

docs.unrealengine.com

항상 느끼는거지만, 언리얼 엔진은 문서화 및 튜토리얼이 정말 잘 되어있다. ~~유니티하다가 언리얼 하니까 문서의 질차이가 확 느껴진다.~~

위 튜토리얼에서도 Health, Energy, Ammo 라는 HUD를 만드는 튜토리얼이 들어있다.

하지만 위 튜토리얼은 블루프린트 프로젝트를 기반으로 설명하고 있다. 따라서 일단 초보자인 나도 블루프린트로 따라해야겠으나.... 나는 C++ 프로젝트로 시작했다~ 이 말씀이야!

따라서 먼저, Health 및 Energy 변수를 블루프린트에 노출시키는 작업을 시작해야했다.

[UE5] C++ 클래스의 변수를 블루프린트로 쓰기

(1) 서론 사실 이거도 이거인데.. C++ 개발 환경을 세팅하는거부터가 난관이었다. 유니티는 그냥 Visual Studio + Unity 3D 깔면 알아서 다 세팅되어서 그냥 쓰면 됐는데, 얘는 C++라서 그런건지... 엄청 신

tsi.kr

위와 같은 작업을 통해서, Health 및 Energy에 더해, Ammo 변수까지 블루프린트에 성공적으로 노출시켰다.

(2) UI 디자인하기

먼저, 매뉴얼에 나온대로 '위젯 블루프린트 에디터'를 찾아서 열어야 한다.

대충 이렇게 해도 열리는 것 같다.

공식 문서를 따라, Health 및 Energy 항목을 각각 디자인 해주었다.

레이아웃에서, `Slot` 카테고리에 있는 Size를 Fill로 두어서 'Horizontal Box'에서 설정한 가로 크기 최대만큼 채워지게 하였다.

생각보다 디자인 하는 방법이 어렵지 않았다. 유니티에 비해서 확실히 정렬 자체를 예쁘게 할 수 있게 해놔서 좋은듯.

(3) 블루프린트 구현

디자인은 되었으니, 이제 실제로 해당 HUD에 내용이 채워지게 구현해야 했다. 공식 매뉴얼에 나온대로 일단 다음과 같이 플레이어 캐릭터를 변수로 설정한다.

그런데 공식 문서에서는 Health, Energy를 모두 float로 0 ~ 1까지 범위를 갖는 실수로 구현했다. 하지만 나는 MaxHealth, MaxEnergy를 각각 가지는 정수형으로 구현했기 때문에, 0 ~ 1 범위를 갖는 실수로 변환할 필요가 있다.

블루프린트로 계산해도 되지만, 연습 겸 C++에서 해당 float 값을 계산할 수 있는 함수 프로퍼티를 만들기로 생각했다.

(2) Help with Property Getters/Setters? : unrealengine (reddit.com)

위 링크를 참조해서 구현했다.

위와 같은 함수 및 프로퍼티를 선언했다. BlueprintGetter 라는 인자를 처음 봤다.

그리고 UFUNCTION 매크로의 인자로, BlueprintPure 및 BlueprintInternalUseOnly 라는 인자를 보게 되었다.

마우스를 가리키면 Rider가 알아서 문서를 보여줘서, 해당 인자에 대해 이해하는 것이 간결하고 쉬웠다.

마찬가지로 BlueprintPure 역시 어딘가에 영향을 끼치는 사항이 없는 순수 함수라는 의미이다.

Live Coding 컴파일 후, 디자이너 탭에서 디테일 패널에서 공식매뉴얼 처럼, 해당 값을 가져올 수 있는지 확인한다.

정상적으로 해당 값을 바인딩 할 수 있게 되었다.

마찬가지로 Energy 역시 바인딩해준다.

(4) 문제 해결

하지만 HUD는 나오는데, 게이지가 채워지지 않아있다.

이상해서 Ratio값들을 띄워보기 위해, 위와 같은 블루프린트를 작성했다.

하지만 당연하게도, 값들을 잘만 가져오고 있다. 그러면 도대체 어디서 잘못된 것인가..?

값을 수정하면 뭔가 업데이트가 되면서, 해결되지 않을까? 라는 생각을 하게 되어서 위와 같이 값을 수정하는 코드도 넣어보았다.

하지만 값이 변해도 체력,에너지바 게이지는 변하지 않는다.....

계속된 삽질을 하다가, 위와 같은 블루프린트를 작성했더니 된다. Event Construct대신 Event Tick으로 옮기고, Ratio 값들을 직접 가져와서 변수에 넣었다.

그리고 해당 Ratio 블루프린트 변수들을 직접 Percent로 바인딩 한 것이다.

아니.. 이렇게 할거라면 애초에 Ratio 계산도 블루프린트로 했을텐데.... 좀 억울하다.

너무 억울해서 안되겠다. 그래서 해결 방법을 다시 찾아보려고 한다.

일단 Event Tick에 다시 옮겨넣었으나, 여전히 안된다. bind도 다시 원래대로 하고 했지만 여전히 나오지 않는다.

하지만 암만 찾아도 모르겠다.

값은 얻어오는데, 위젯은 업데이트가 안된다. 이상하다.

대충 추측하기로는, Widget을 이렇게 바인딩하려면 C++에서 위젯 코드도 따로 만들어서 넣어줘야 하는건가? 싶긴 한데...

일단 그러기 싫어서 이러고 있는거라서 슬슬 열받는다. -_-

하하 결국 포기했다. C++ 코드에 넣었던 Ratio 함수 및 프로퍼티를 모두 제거하고, 그냥 Tick마다 블루프린트가 계산해서 변수에 넣게 만들었다.

그러면 일단 잘 되거든. 깔깔. 다음에 내가 언리얼 엔진을 다루는 실력이 늘게 된다면, 그때 다시 시도해보는 것으로,...

[UE5] 큰 텍스처 작게 타일링 (UV 타일링)

텐시야 — Tue, 8 Nov 2022 11:07:06 +0900

(1) 문제

대충 언리얼엔진5 공부하면서, 작은 맵이나 하나 만들고 연습하려고 하는 중..

바닥 텍스처가 너무 밋밋해서, 시작용 콘텐츠에서 적당한 텍스처를 골라서 바꿔봤는데..

이게 웬걸.... 바닥에 꽉 차버렸다. 이건 너무 크다..

진짜 타일처럼, 바닥에 작게 바둑판처럼 그려지는걸 원했는데.

(2) ...

사실 이런거 할 때 항상 느끼는건데, 이런 건 도대체 키워드를 어떻게 잡아야 할 지 모르겠다.

일단 '구글 신'을 믿고, 생각나는 키워드를 검색어로 조진다. 나는 'unreal engine5 texture tiling' 이라고 검색했다.

그리고 뭔가 나랑 의미가 통할 것 같은 검색 결과를 발견했다.

내용을 확인하니, 다음과 같다.

디퓨즈의 UV 입력부에 TextureCoordinate 노드를 연결하세요. (노멀도 있다면 똑같이). 그리고, 거기서 X, Y 타일링을 변경할 수 있습니다.

(3) 해결 작업

먼저, 기존 시작용 콘텐츠의 머티리얼을 복제하여 새로운 바닥용 머티리얼을 만든다.

위와 같이 M_HelloWorld_Floor 이라는 이름의 머티리얼로 복제하였다. 다음, 해당 머티리얼을 더블클릭하여 편집창을 열었다.

그러나 UV 입력으로 보이는 부분은 보이지 않는다. 마우스 우클릭 + 드래그로, 편집창을 패닝하며 원하는 곳이 있는지 본다.

Base Color에 해당하는 텍스쳐를 반영하는 노드를 발견했다. 그리고, 여기에 UV입력을 받고 있는 것을 확인할 수 있다.

해당 노드 소켓에 우클릭 메뉴를 열고, '연결로 점프'를 사용하면 즉시 이동할 수 있는 기능이 있더라.

그리고 이 친구가 바로 내가 찾던 그 기능인 것 같다. 이미 위와 같이 UV타일링 값이 반영된 노드가 추가되어 있기 때문에, 나는 간단히 이 값만 수정해주면 될 것 같다.

머티리얼 미리보기에서도 타일링이 되어 변한 것을 확인할 수 있다. 이제 저장을 눌러 머티리얼을 저장한다.

내가 원하는던대로 잘 적용되었다 :)