페이퍼 2D 프로젝트 시작하기

페이퍼 2D 플러그인

페이퍼 스프라이트 액터

외부 이미지 > 페이퍼 2D 텍스처 세팅 적용

- 디테일 패널에서 밉맵 제거

- 바탕 투명하게 만들기 : 크로마키 색상 지정

- 카메라 모드 Orthographic

 

스프라이트 애셋 만들기, 페이퍼 2D 애니메이션 애셋 (플립북) 만들기

- 텍스처 애셋 우클릭 > Sprite Actions > Extract Sprite

- 여러 개의 스프라이트를 생성

- 모두 선택 후 > Create Flipbook

 

타일 세트 액터 생성하기

텍스처 애셋 우클릭 > Sprite Actions > Create Tile Set

- 타일 Size 조절, 타일 별 콜리전 정의

 

타일 맵 생성하기

타일 셋 애셋 우클릭 > Create Tile Map

- 타일 레이어 정의 (Background, Middleground, Foreground), 카메라에서 가장 가까운 레이어가 가장 위에 오도록 해야함

- Middle Layer만 충돌을 일어나게 하자

 

플레이 가능 레벨 만들기

타일맵을 뷰포트에 드래그하고 복제(인스턴스 생성) 후 정렬하는 방법이 있다.

PlayerStart 액터를 Middleground y 좌표에 맞춰줘야 한다.

 

2D 플레이어 캐릭터와 3D 플레이어 캐릭터의 차이

2d 캐릭터를 구성하는 컴포넌트

- 3D캐릭터와 동일한 것들 : 캡슐 컴포넌트, ArrowComponent, SpringArmComponent, CameraComponent, CharacterMovementComponent

- 2D 캐릭터는 캐릭터의 이벤트 그래프에서 애니메이션 state를 처리한다.

- Paper Flipbook Component

 

플레이어 캐릭터 생성하기

PaperCharacter 클래스 상속받는 블루프린트

캡슐 콜라이더 크기 조절 시 viewport의 뷰모드 Right, Unlit으로 작업하면 보기 쉬움

캐릭터에 SpringArm 컴포넌트와 카메라 컴포넌트 추가, 캐릭터의 방향 전환시 카메라가 같이 전환되지 않도록 SpringArm 컴포넌트의 Camera Settings에서 Inherit Yaw 체크 해제

 

캐릭터 움직이기

CharacterMovement 컴포넌트에서 Velocity를 얻어 캐릭터의 이동방향을 조절

이벤트 그래프에서 애니메이션 전환을 구현하기 위해 틱마다 액터의 Velocity를 얻어 Flipbook을 set한다.

 

순차적으로 이벤트 발생시키기

점프 – 전환 – 하강 애니메이션을 순차적으로 재생하기 위해 BeginPlay에서 OnJumpApexReached 델리게이트에 커스텀 이벤트를 바인딩한다. ( 점프 – 전환 )

OnJump 이벤트에서 bNotifyApex 프로퍼티를 true로 초기화 해줌으로써 이벤트가 일회성으로만 사용되고 비활성화 되지 않도록 해준다.

Sprite의 OnFinished Playing 델리게이트에 새로운 커스텀 이벤트를 바인딩한다. (전환 애니메이션 종료 후에 하강 애니메이션이 실행되도록)

또 다른 경우의 수 : 점프 안하고 그냥 떨어지는 경우

- Event On Walking Off Ledge 이벤트로 커버