1편 : 쿠아곰의 언리얼 블루프린트) 1. 블루프린트에 대하여

이전편 : 쿠아곰의 언리얼 블루프린트) 2. 블루프린트로 UI 출력해보기

 

본 글은 언리얼 엔진 5 (5.3버전)을 기준으로 작성되었습니다.

-------------------------------------------------------------------

 

 

안녕하세요. 쿠아곰입니다.

오늘은 블루프린트를 활용하여

키 입력에 따라 글자가 변화하는 UI를 구성하는 방법에 대해서 이야기해보려고 합니다.

 

1. 사전 준비물

일단 프로젝트에서 다음과 같이 UI 위젯을 만든 뒤, 출력되도록 설정해줍니다.

※ 화면에 UI를 출력하는 방법은 2강을 참고하도록 합니다.

 

 

 

그 다음에, 작업을 들어가기 전에 중요한 것이 있는데요.

파란색 글자로 만든 부분을 다음과 같이 설정해줍시다.

 

 

 

그 다음, 위젯 블루프린트의 블루프린트로 들어갈건데요.

레벨 블루프린트로 들어가던 것과 달리, 위젯 블루프린트는 아래의 버튼을 눌러서 입장할 수 있습니다.

 

 

 

이 화면은 위젯 블루프린트입니다.

레벨 블루프린트와 큰 차이는 없지만, 여기서 설정한 블루프린트는 위젯 내에서만 작동한다는 특징이 있습니다.

(조금 더 자세하게 설명하자면 객체지향 이야기를 해야하지만 일단 생략)

 

 

 

여기서 주목할 점은 왼쪽에 변수가 추가된 것인데요.

디자이너 모드에서 텍스트 오브젝트를 변수로 지정하여서

블루프린트 그래프에서 변수로 지정되어 추가된 것을 확인할 수 있습니다.

 

 

 

이렇게 되면, 이제 위젯 블루프린트를 다음과 같이 설정해봅니다.

 

 

유의사항

 - Set Text (Text)가 안나와요!

이 경우, 새 함수를 만들 때, 컨텍스트에 따라가 지정되어 있을 수 있습니다.

 

 

이렇게 풀고 검색해줍니다.

 

- 저는 Set Text에서 텍스트 연결이 안돼요!

함수명이 Set Text (Text) 이어야 변수로 지정한 텍스트 박스를 받을 수 있습니다.

그냥 Set Text만 있는 경우에는 텍스트 박스를 받을 수 없으니 확인해주세요.

 

 

위와 같이 설정하고, 컴파일, 저장 다 하고 재생하면 다음과 같은 화면이 나옵니다.

 

 

 

이번 강의에서 사용한 기능들을 정리해보면

- 블루프린트에서 키 입력을 받아 동작하는 행동 만들기!

- 어떤 키를 입력했는지 내용 받기!

- 받은 키 입력 내용을 텍스트로 변환하기!

- UI 화면에 있는 텍스트를 블루프린트를 통해 다른 값으로 변환하기!

등의 내용을 복합적으로 활용하였습니다.

 

 

각 입력 키마다 하나하나 만드는 방법도 있고

블루프린트를 잘 모르면 그렇게 만들어도 되지만...

수십, 수백개의 키 배열에 모두 그런 노가다를 할 필요는 없잖아요!

 

 

사실, 이번 블루프린트의 원리를 이해하려면

변수의 개념과 사용 방법을 먼저 짚고 넘어가는게 좋기는 한데

이거부터 먼저 하면 보는 분들이 어려워하실 것 같아

여기선 최대한 간략하게 짚고 넘어갔습니다.

 

----------------------

어느덧 3강까지 썼네요.

조금씩 어려워지고 있어서, 컴퓨터 프로그램의 원리를 잘 모르는 분들이

좀 어려워하지 않을까 조금 걱정은 됩니다.

 

혹시나 직접 따라해보다가 모르는 점이 있다면 댓글로 질문하셔도 됩니다!