개발단에 가입하여 베르의 게임 개발 유튜브를 후원해주세요! https://www.youtube.com/channel/UC9j37A2ACL9ooSbsT4mtGww/join

 

안녕하세요! 여러분들과 함께 게임 개발을 공부하는 베르입니다!

이번에는 전에 C++로 구현해보았던 마우스 클릭 이동 기능을 블루프린트로 만들어봅시다!

 

사용 엔진 버전 : 4.27

 

타임라인

0:00 인트로

0:11 프로젝트 생성과 리소스 임포트

0:47 맵 세팅

2:27 Player Controller로 마우스 입력 받기

4:50 클릭한 위치로 이동시키기

6:35 캐릭터 구현

9:41 게임 모드 설정과 테스트

10:43 아웃트로

 

[투네이션 후원] https://toon.at/donate/637735212761460238

 

[디스코드 채널] https://discord.gg/tqmRTy4pgk

 

스크립트

인트로

안녕하세요. 여러분들과 함께 게임 개발을 공부하는 베르입니다.

지난 강좌에서 C++로 구현했던 마우스 클릭을 이용한 캐릭터 이동 기능을 이번에는 블루프린트로 만들어 보겠습니다.

프로젝트 생성과 리소스 임포트

먼저 언리얼 엔진을 실행하고 새 프로젝트를 생성합니다.

이번에는 블루프린트로 기능을 만들 생각이므로 블루프린트 타입으로 프로젝트를 만듭니다.

프로젝트 생성이 완료된 이후에는 영상 하단의 링크에서 캐릭터 모델링과 애니메이션을 다운로드 받아서 압축을 풀어줍니다.

그리고 언리얼 에디터에서 콘텐츠 브라우저의 소스 패널을 열고 콘텐츠 폴더에 우클릭한 다음 [탐색기에서 표시] 항목을 선택해서 프로젝트의 폴더를 열어줍니다.

그 다음에는 방금 다운로드 받아서 압축 해제된 파일들을 이 폴더 안으로 옮겨줍니다.

맵 세팅

프로젝트 세팅이 끝난 다음에는 캐릭터가 움직일 맵을 구성해봅시다.

맵 세팅 작업에 들어가기 전에 맵에 배치할 기둥이나 벽을 대신할 간단한 박스 메시 하나를 영상 하단의 링크에서 다운로드 받은 뒤 압축을 해제합니다.

그리고 언리얼 에디터로 돌아가서 Props 폴더를 만든 뒤 빈 콘텐츠 브라우저 패널에 우클릭하고 [/Game/Props에 임포트]를 선택해서 다운로드 받은 Box.FBX 파일을 프로젝트에 임포트합니다.

그 다음 레벨을 살펴보면 빈 평면만 보입니다.

여기에 방금 임포트한 박스를 이용해서 캐릭터의 이동을 방해할 수 있게 적절하게 배치해줍니다.

이렇게 저처럼 배치해도 되고 여러분들이 원하는 대로 편하게 배치해도 됩니다.

장애물을 모두 배치한 다음에는 액터 배치 패널의 볼륨 탭에서 내비 메시 바운드 볼륨을 찾아서 레벨의 한가운데에 배치하고 맵의 오브젝트들을 전부 덮도록 만들어줍니다.

이 내비 메시 바운드 볼륨은 볼륨의 영역 안에 있는 오브젝트들을 찾아서 계산한 뒤에 이동 경로를 찾아줄 내비 메시를 만들어내는 역할을 합니다.

내비 메시 바운드 볼륨 설치를 마친 다음 단축키 [P]를 누르면 캐릭터가 이동할 수 있는 범위가 초록색으로 표시됩니다.

이렇게 맵 세팅을 마치면 콘텐츠 브라우저에서 Maps 폴더를 만들고 상단 메뉴 바에서 [파일 > 현재 레벨 저장] 항목을 선택해서 현재 레벨을 Maps 폴더 안에 ClickMoveTestMap이라는 이름으로 저장합니다.

맵을 저장한 뒤에는 프로젝트 세팅 창을 열고 [맵 & 모드]에서 에디터 시작 맵을 방금 저장한 ClickMoveTestMap으로 설정해줍니다.

이렇게 해주면 다음에 프로젝트를 열었을 때, 설정해준 맵이 제일 먼저 열리게 됩니다.

Player Controller로 마우스 입력 받기

이 다음 작업으로는 플레이어 컨트롤러로 클릭 입력을 받아서 컨트롤러가 소유한 폰을 클릭한 위치로 이동시키는 블루프린트를 작성하겠습니다.

코드를 작성하기 전에 프로젝트 세팅 창에서 입력을 선택하고 입력 매핑을 세팅해줍니다.

이번 영상에서는 클릭한 지점으로 캐릭터를 이동시키는 기능만 목표로 하여 만들 생각입니다.

그러므로 LeftClick이라는 이름으로 왼쪽 마우스 버튼만 액션 매핑에 추가해줍니다.

입력 세팅을 마쳤다면, 콘텐츠 브라우저 패널에 Blueprints라는 이름으로 폴더를 만든 뒤, 우클릭하고 블루프린트 클래스 항목을 선택합니다.

그러면 부모 클래스 선택 창이 뜨는데 여기서 PlayController 클래스를 부모 클래스로 선택해줍니다.

블루프린트 클래스의 이름은 BP_ClickMovePlayerController로 해주겠습니다.

클래스가 생성되고 나면, 블루프린트 에셋을 더블 클릭해서 블루프린트 에디터를 열어줍니다.

블루프린트 에디터가 열리고 나면 컴포넌트 패널에서 최상위 오브젝트를 선택하고 디테일 패널에서 [Show Mouse Cursor] 프로퍼티를 찾아야 합니다.

이 강좌에서 우리는 마우스로 캐릭터를 이동시킬 계획이기 때문에 마우스 커서를 보이게 만들기 위해 이 프로퍼티를 true로 변경합니다.

이 다음에는 내 블루프린트 탭의 변수 카테고리에 있는 [+] 버튼을 눌러서 변수를 추가하고 bool타입으로 설정한 다음 이름은 bClickLeftMouse로 정합니다.

이 변수는 왼쪽 마우스 버튼을 누를 때 true가 되고 뗄 떼 false로 값이 바뀌도록 동작하게 만들 예정입니다.

그 다음에는 함수 카테고리의 [+] 버튼을 눌러 InputLeftMouseButtonPressed 함수를 추가하고 이 함수에서는 bClickLeftMouse 변수의 값을 true로 변경하도록 블루프린트를 작성합니다.

그리고 이번에는 InputLeftMouseButtonReleased 함수를 추가하고 bClickLeftMouse의 값을 false로 변경하도록 작성해줍니다.

이 함수들은 입력 매핑과 바인딩 되어서 입력을 받으면 bClickLeftMouse 변수의 값을 바꿔주게 될 겁니다.

그 다음은 이벤트그래프로 이동해서 빈 그래프 영역에 우클릭하고 앞에서 만든 LeftClick 입력에 대한 이벤트를 검색해서 추가해줍니다.

그리고 Pressed 진행 핀에 앞에서 만든 InputLeftMouseButtonPressed 함수를 연결해주고 Released 진행 핀에는 InputLeftMouseButtonReleased 함수를 연결해줍니다.

이제 왼쪽 마우스 버튼을 누를 때 InputLeftMouseButtonPressed 함수가 호출되서 bClickLeftMouse 변수가 true가 되고, 왼쪽 마우스 버튼을 떼면 InputLeftMouseButtonReleased 함수가 호출되서 bClickLeftMouse 변수가 false가 되도록 세팅되었습니다.

클릭한 위치로 이동시키기

이 다음 작업으로는 마우스를 클릭하면 클릭한 위치로 캐릭터를 이동시키는 블루프린트를 작성할 차례입니다.

먼저 함수 카테고리의 [+] 버튼을 눌러서 SetNewDestination 함수를 추가합니다.

이 함수는 새로운 목표 위치를 받아서 컨트롤러가 소유한 폰을 그 위치로 이동시키는 역할을 하도록 만들겠습니다.

이 함수는 매개변수로 목적지로 지정할 위치를 받아야하기 때문에 디테일 패널의 입력 카테고리의 [+] 버튼을 눌러서 입력 매개변수를 만들고 Vector 타입으로 지정한 다음 이름을 NewDestination으로 변경해줍니다.

이 함수에서는 먼저 GetPawn 함수를 이용해서 컨트롤러가 소유하고 있는 폰을 가져오고 폰과 목적지 사이의 거리를 측정해서 그 거리가 120 언리얼 유닛보다 큰 지 검사합니다.

그리고 이 결과값이 true라면 SimpleMoveToLocation 함수를 사용해서 새로운 목적지로 이동하도록 만들어줍니다.

이 SimpleMoveToLocation 함수는 프로그래머가 목적지로 폰을 이동시키기 위한 코드를 일일이 작성하는 대신에 간단한 함수 호출로 그 모든 일을 할 수 있도록 도와줍니다.

그 다음에는 함수 카테고리의 [+] 버튼을 눌러서 MoveToMouseCursor 함수를 추가합니다.

이 함수에서는 PlayerController를 이용해서 찾은 Get Hit Result Under Cursor by Channel 함수로 마우스 커서 아래에 레이 트레이스를 쏴서 그 위치를 SetNewDestination 함수에 전달하는 역할을 합니다.

이제 MoveToMouseCursor 함수를 실시간으로 호출하기 위해서 이벤트그래프로 돌아가서 Tick 이벤트에 bClickLeftMouse 변수의 상태에 따라서 MoveToMouseCursor 함수를 호출하도록 블루프린트를 작성합니다.

컨트롤러 블루프린트 작성이 끝나면 컴파일 버튼을 누르고 블루프린트를 저장해줍니다.

캐릭터 구현

캐릭터가 움직일 맵과 캐릭터를 컨트롤할 플레이어 컨트롤러를 모두 만들었으니 이제 맵 위에서 움직일 캐릭터를 만들 차례입니다.

콘텐츠 브라우저 패널에 우클릭하고 블루프린트 클래스 항목을 선택합니다.

그리고 부모 클래스로는 Character 클래스를 선택하고 클래스의 이름은 BP_ClickMoveCharacter로 정해줍니다.

클래스 생성이 완료되고 나면 블루프린트 에셋을 더블 클릭해서 블루프린트 에디터를 엽니다.

블루프린트 에디터가 열리고 나면 먼저 컴포넌트 패널에서 Capsule Component를 선택하고 캡슐의 높이와 지름을 수정해줍니다. (96 42)

그리고 제일 상위 오브젝트를 선택하고 폰 카테고리에서 Use Controller Rotation Yaw를 false로 설정해서 캐릭터가 카메라의 회전을 따라서 회전하지 않도록 해줍니다.

그 다음에는 Character Movement 컴포넌트를 선택하고 캐릭터 무브먼트(회전 세팅) 카테고리에서 Orient Rotation to Movement를 체크하고 RotationRate를 (0, 0, 640)으로 변경해서 캐릭터를 이동시키기 전에 이동 방향과 현재 캐릭터가 바라보는 방향이 다르면 캐릭터를 이동 방향으로 초당 640도의 회전 속도로 회전시키도록 만들어줍니다.

플레이너 무브먼트 카테고리에서 Constrain To Plane을 true로 변경해서 캐릭터의 이동을 평면으로 제한하고, Snap To Plane At Start를 true로 변경해서 시작할 때 캐릭터의 위치가 평면을 벗어난 상태라면 가까운 평면으로 붙여서 시작되도록 만들어줍니다.

그 다음으로는 컴포넌트 패널에서 Capsule Component를 선택하고 컴포넌트 추가 버튼을 누른 뒤 스프링 암을 검색해서 Capsule Component 아래에 추가해줍니다.

그리고 카메라 세팅 카테고리에서 Inherit Pitch, Inherit Yaw, Inherit Roll을 체크 해제해줍니다.

이 프로퍼티를 해제함으로써 스프링 암의 회전이 루트 컴포넌트와 상위 컴포넌트를 따르지 않고 월드 좌표계의 회전을 따르도록 해줍니다.

그리고 TargetArmLength를 800으로 설정해서 카메라와 캐릭터의 거리를 띄워주고 트랜스폼의 회전 값을 수정해서 스프링 암을 회전시켜 위에서 캐릭터를 내려다보도록 설정합니다.

그리고 Do Collision Test 프로퍼티는 카메라가 벽에 닿으면 충돌 계산을 통해 카메라와 캐릭터의 거리를 좁혀 카메라가 벽을 뚫지 않게 만들어주는 프로퍼티지만, RPG 게임처럼 위에서 내려다보는 시점에는 사용하지 않기 때문에 false로 설정합니다.

그 다음에는 스프링 암 컴포넌트 아래에 카메라 컴포넌트를 생성하고 Use Pawn Control Rotation을 false로 변경해서 카메라의 회전이 폰의 회전에 영향을 주지 않도록 설정합니다.

이제 캐릭터의 모델을 추가할 차례입니다.

컴포넌트 패널에서 Mesh 컴포넌트를 선택합니다.

그리고 디테일 패널의 메시 섹션에서 Skeletal Mesh를 SK_Mannequin으로 설정하고 애니메이션 섹션에서 Anim Class를 ThirdPerson_AnimBP로 설정해줍니다.

이 작업을 끝내고 나서 블루프린트 에디터의 뷰포트 패널을 보면 캐릭터의 메시가 캡슐 콜라이더를 벗어나고 캐릭터의 방향 역시 캡슐 콜라이더에 표시된 화살표와 다른 방향을 바라보고 있는 것을 알 수 있습니다.

위치와 방향을 맞춰주기 위해서 메시 컴포넌트의 위치를 {0, 0, -90}으로 수정하고, 회전을 {0, 0, -90}으로 수정해줍니다.

작업이 끝나면 블루프린트를 컴파일하고 저장한 뒤 블루프린트 에디터를 닫아줍니다.

게임 모드 설정

플레이어 컨트롤러와 캐릭터의 설정이 모두 끝났으니 이제 게임이 우리가 만든 플레이어 컨트롤러와 캐릭터를 사용하도록 만들 차례입니다.

콘텐츠 브라우저 패널에서 우클릭한 뒤 블루프린트 클래스 선택하고 부모 클래스로 GameModeBase를 선택해서 블루프린트 클래스를 생성해줍니다.

게임 모드 블루프린트가 생성되면 더블클릭해서 블루프린트 에디터를 열고 디테일 패널에서 Player Controller Class와 Default Pawn Class를 우리가 만든 것으로 교체해줍니다.

그리고 블루프린트를 컴파일하고 저장한 뒤에 블루프린트 에디터를 닫아줍니다.

그 다음에는 툴바에서 [세팅 > 월드 세팅] 항목을 선택해서 월드 세팅 패널을 엽니다.

월드 세팅에서는 게임 모드 오버라이드를 방금 만든 게임 모드 블루프린트로 변경합니다.

모든 과정을 마친 뒤 플레이 버튼을 눌러서 PIE 모드로 들어가면 캐릭터가 마우스 클릭 지점으로 이동하고, 그 과정에서 적절하게 장애물을 회피하는 모습을 볼 수 있습니다.

아웃트로

이번에는 지난 강좌 중 하나에서 C++로 구현했던 마우스 클릭 이동 방식을 블루프린트로 구현해보았습니다.

이 강좌는 구독자 여러분들의 시청과 후원으로 제작되었습니다.

이상 베르의 게임 개발 유튜브였습니다. 감사합니다.

반응형

개발단에 가입하여 베르의 게임 개발 유튜브를 후원해주세요! https://www.youtube.com/channel/UC9j37A2ACL9ooSbsT4mtGww/join

 

안녕하세요! 여러분들과 함께 게임 개발을 공부하는 베르입니다!

이번에는 높이 맵을 언리얼4 랜드스케이프에 적용하는 방법을 알아봅시다.

 

월드맵 리소스 : https://drive.google.com/file/d/1eyROLHkyRpM4YJp6Zs-9qsRUmDZr0DEd/view?usp=sharing

 

사용 엔진 버전 : 4.27

 

타임라인

0:00 인트로

0:17 언리얼 랜드스케이프에 월드 높이맵 적용하기

2:24 아웃트로

 

스크립트

인트로

안녕하세요. 여러분들과 함께 게임 개발을 공부하는 베르입니다.

이번에 알아볼 것은 [대규모 게임 회사의 고퀄리티 지형 제작 비법] 영상에서 소개했던 월드맵 생성 프로그램인 월드 머신이나 월드 크리에이터같은 프로그램에서 만든 높이맵을 언리얼의 랜드스케이프에 적용하는 방법을 알아보겠습니다.

언리얼 랜드스케이프에 월드 높이맵 적용하기

먼저 영상 하단의 링크에서 리소스 파일을 다운로드 받아서 압축을 해제합니다.

임포트가 끝난 다음에는 상단 툴바에서 모드 버튼을 클릭합니다.

그리고 드롭다운으로 나타나는 메뉴 중에 랜드스케이프를 선택합니다.

그러면 랜드스케이프 패널이 열리는데 여기서 [새로 생성] 옵션 대신에 [파일에서 임포트] 옵션을 선택합니다.

그리고 하이트맵 파일 옆의 버튼을 클릭하고 임포트 대화상자에서 아까 전에 압축 해제해둔 heightmap.r16 파일을 찾아서 열어줍니다.

그 다음에 임포트 버튼을 누르면 랜드스케이프의 형태가 임포트한 월드맵의 형태로 바뀝니다.

그 다음에는 높이맵과 함께 가져온 텍스처를 넣어보겠습니다.

콘텐츠 브라우저 패널에 우클릭하고 [/Game에 임포트] 항목을 선택하여 월드 맵의 텍스처 파일을 프로젝트에 임포트합니다.

그리고 다시 콘텐츠 브라우저 패널에 우클릭하고 [머티리얼] 항목을 선택해서 새 머티리얼을 만들어줍니다.

머티리얼 생성이 완료되고 나면 머티리얼 에셋을 더블클릭해서 머티리얼 에디터를 열어줍니다.

머티리얼 에디터에서는 우선 빈 영역에 우클릭하고 "Texture Sample"을 검색해서 텍스처 샘플 노드를 추가합니다.

그리고 텍스처 샘플 노드의 기본 텍스처를 방금 임포트한 월드맵의 텍스처로 지정하고 텍스처 샘플 노드의 RGB 핀을 베이스 컬러 핀에 연결해줍니다.

그 다음에 적용 버튼을 누르고 레벨 에디터로 돌아와서 랜드스케이프의 머티리얼 프로퍼티에 방금 만든 머티리얼을 넣으면 텍스처가 엄청나게 작은 상태로 랜드스케이프에 반복되어 그려지는 모습을 볼 수 있습니다.

다시 머티리얼 에디터로 돌아가서 그래프의 빈 영역에 우클릭하고 "Texture Coordinate"를 검색해서 텍스처 코디네이트 노드를 추가합니다.

그리고 이 노드의 UTiling 값과 VTiling 값을 0.000955로 변경한 다음 출력 핀을 끌어 텍스처 샘플 노드의 UVs 핀에 연결해줍니다.

작업을 모두 마친 다음에는 머티리얼을 적용하고 저장한 다음 머티리얼 에디터를 닫아줍니다.

이제 레벨 에디터의 뷰포트에서 랜드스케이프를 보면 월드맵의 텍스처가 잘 입혀진 모습을 확인할 수 있습니다.

아웃트로

이번 영상에서는 월드 머신이나 월드 크리에이터로 만든 월드맵을 언리얼의 랜드스케이프에 적용하는 방법에 대해서 알아보았습니다.

이상 베르의 게임 개발 유튜브였습니다. 감사합니다.

반응형

 

안녕하세요! 여러분들과 함께 게임 개발을 공부하는 베르입니다!

이번에는 언리얼 엔진에서 컴파일 에러가 발생했을 때 나오는 에러 로그의 한글이 깨져보이는 문제를 해결하는 방법을 알아봅시다.

 

사용 엔진 버전 : 4.26

 

타임라인

0:00 인트로

0:13 에디터에서 컴파일 에러 로그가 깨지는 문제

1:09 해결책 1

2:07 해결책 2

3:49 아웃트로

반응형
  1. 뒷반 2021.06.17 14:06 신고

    그는 신인가?

 

안녕하세요! 여러분들과 함께 게임 개발을 공부하는 베르입니다.

이번 영상에서는 언리얼 엔진의 뷰포트에 바로 로그를 띄우는 방법을 알아봅시다.

 

사용 엔진 버전 : 4.26

 

타임라인

0:00 인트로

0:35 블루프린트에서 뷰포트에 로그 출력하기

2:22 C++ 클래스에 뷰포트에 로그 출력하기

3:35 블루프린트 로그 기능을 C++ 클래스에서 사용하기

4:49 아웃트로

반응형

 

언리얼 스크립트에서 한글을 사용했을 때 한글이 깨지는 문제를 해결하는 방법을 알아봅시다.

 

타임라인

0:00 인트로

0:13 한글 깨짐 문제와 해결법

2:03 아웃트로

반응형

 

언리얼 엔진에서 C++ 프로젝트에서는 한글 경로를 멀리 하시고 영어나 쓰시는게 옳습니다.

 

사용 엔진 버전 : 4.26

 

타임라인

0:00 인트로

0:19 프로그래밍에서는 한글 경로를 멀리 하십시오 휴먼

1:36 아웃트로

반응형

 

4.26 버전이 업데이트 되면서 안보이는 새 C++ 클래스 생성 기능을 찾아봅시다!

 

사용 엔진 버전 : 4.26

 

타임라인

0:00 인트로

0:24 4.25 버전 이전의 C++ 클래스 생성

0:37 4.26 버전 이후의 C++ 클래스 생성

2:02 아웃트로

반응형

 

언리얼 튜토리얼 게임 조종 카메라 편을 진행하면서 언리얼 엔진에서 카메라를 활성화시키고 전환하는 방법을 알아봅시다.

 

사용 엔진 버전 : 4.25 - 4.26

 

타임라인

0:00 인트로

0:17 프로젝트 생성

0:33 카메라 배치

2:26 카메라 전환 기능 구현

5:22 직접 해보기 1 - 이동하는 카메라

6:18 직접 해보기 2 - 배열에 카메라 저장해서 전환하기

7:54 직접 해보기 3 - 구조체에 카메라, 전환 시간, 블랜딩 시간 저장해서 사용하기

반응형

+ Recent posts