[📜일지] [개발 일지] Frostory - 7 스프라이트 순서 처리

[특수한발가락(seobyeongky)]

안녕하세요!

이번에는 이런 탑뷰형식 게임에서 고질적인 문제인 스프라이트 순서 처리에 대해서 써볼까 합니다

오브젝트간에 "누가 앞에 있는가?"에 관해서 기본적으로 y좌표값을 비교해서 처리할 수 있습니다

보시다시피 딱히 문제가 없어 보입니다

하지만 이렇게 높이 개념이 들어가면 추가적인 처리를 해줘야합니다

저희는 유니티에서 sorting axis 기능을 지원을 해서 이걸 쓰고 있습니다

sorting axis를 (0,1,1) 벡터로 세팅했

이렇게 하면 (0,1,1) 방향으로 순서가 자동으로 정렬이 돼서 카메라에 보이게 됩니다

그러니까 물체가 높아지면 y축이 상승하는데, 이러면 자신보다 아래에 있는 물체에 가려져버리죠

그래서 z축은 반대로 감소시켜서 부자연스러운 현상이 안일어나게 했습니다

다른 방법으로는 Update주기마다 SpriteRenderer에서 order in layer를 직접 세팅하는 방법도 있다고 하네요

제가 볼 때는 이것 말고도 다양한 방법이 있는 것 같습니다

다음으로 까다로웠던 부분이 타일맵과 오브젝트간의 순서처리입니다

사실 이런식으로 자연스럽게 하기 위해 다양한 삽질을 했습니다

원래는 타일과 타일 사이에 오브젝트가 비집고 들어가서 끔찍한 모습이 연출됐었습니다

아예 언덕부분이랑 캐릭터랑 겹치는 일이 없도록 디자인해보기도 하고

언덕의 경사를 느슨하게 해서 겹쳐도 어색하지 않게 해보기도 하고 (젤다처럼)

타일맵을 레이어별로 분리하기도 하고 (이런 게임도 은근히 많더라고요, 위자드 오브 레전드같은)

아예 타일마다 z값을 줘보기도 했는데, 다 저희 게임에는 어울리지 않았습니다

결국 저희는 타일의 언덕 부분의 z값을 조정해서 캐릭터가 가려지도록 하는 방법을 선택했습니다(위 스샷의 빨강/파랑/보라/주황 테두리 안 부분)

그래서 3d 카메라로 저희 게임을 바라보면 위 짤처럼 나오게 됩니다

읽어주셔서 감사합니다!

---이전글-----

1편 소개

2편 괴물

3편 약탈자

4편 파편시스템

5편 대쉬퍼즐

6편 브금소개

[익명(58.125)]

혹시 개발블로그 같은거 있으신가요??

[특수한발가락(seobyeongky)]

지금은 디시에만 쓰고 있어요

[새우맨(112.161)]

이게임 기대하고 있습니다.. 일지 볼때마다 개발장인의 숙성된 손맛이 느껴짐

[슝슝-(castanets)]

취한다

[익명(121.190)]

꾸준 추 수고 많으십니다

[익명(124.57)]

넘 어려워용

[111(115.21)]

인겜갤의 보배인데스웅

[박재민(devomegathree)]

와.. 참 개발자

[Creta_Park(hd3306)]

[주식올라라(d74108520)]

이렇게 해도 되는구나 - dc App

[익명(183.98)]

저는 y좌표 따라 z좌표 정해주는 방식으로 하는데 새로 나온 sorting axis 를 (0,1,1) 로 세팅 할 수도 있는건 처음 알았네요. 나중에 테스트 해봐야지