[📜일지] Frostory 스프라이트 관련 각종 처리들

[특수한발가락(seobyeongky2)]

안녕하세요!

저희 게임이 스프라이트가 주로 나오는 게임이다보니 관련돼서 스프라이트 관련된 일지를 2편정도 쓴 적이 있습니다.

과거 일지는 구조적인 부분에 대한 글이었는데요.

오늘은 좀 더 사소하게 문제가 됐던 부분을 개선한 처리들에 대해 소개해보려 합니다.

1. 머리 움직이는 기능

저희 게임의 주인공 캐릭터는 2D 스프라이트로 구성되어 있습니다.

그러다보니 3D로 만들어진 지형에 부딪혔을 때 문제가 발생했습니다.

콜라이더를 크게 해서 아예 벽에 가까이 갈 수 없게 하면 이런 문제가 발생하지 않겠지만,

큰 머리를 커버할 정도로 콜라이더가 커지면, 벽이나 물체에 부딪힐 때 플레이 느낌이 안좋아지는 것 같아서 다른 방법을 고민해보았습니다.

최종적인 해결안은, 머리가 땅에 한번에 가려지거나 드러나게끔 조절하는 것입니다.

머리 스프라이트가 벽보다 낮으면 아예 더 낮추고, 높으면 더 높혀서 지형에 의해 잘리지 않도록 처리하였습니다.

2. 풀숲에 들어갔을 때 처리

저희 게임에는 플레이어가 은신할 수 있는 풀숲이 있습니다.

처음 구현했을 때의 모습입니다.

플레이어가 숨으면 단순히 투명해질 뿐이기에 캐릭터 위치에 따라 그려지는 순서가 바뀌어서 보기에 안좋습니다.

캐릭터가 항상 풀숲보다 앞에 그려질 수 있게 보정한 버전입니다.

1번과 유사한 방식을 통해 풀숲을 빠져나가기 전까지는 항상 풀숲보다 앞쪽에 그려지도록 했습니다.

다른 오브젝트가 옆에 있어도 크게 위화감이 없습니다.

3. 스프라이트 구부리는 기능

기획적으로 타일맵 이외에도 플레이어가 올라갈 수 있는 물체가 생긴적이 있습니다.

그런데 저희 게임의 렌더링 시스템 특성상 스프라이트 위에 올라갈 경우 문제가 생겼습니다.

캐릭터가 석상에 가려지기도 하고 그림자도 이상하게 나옵니다.

석상의 윗부분이 똑바로 서 있는 것이 문제이기 때문에, 스프라이트를 구부리는 기능을 구현하기로 했습니다.

원래 SpriteRenderer를 쓰던 것을 MeshRenderer로 바꾸고 값을 입력받아 자동으로 구부러진 Mesh를 생성하도록 하였습니다.

덕분에 올라갔을 때 자연스럽게 보입니다.

읽어주셔서 감사합니다.

[개발 일지 링크 모음]

[카퍠인(happys96)]

[익명(119.204)]

언제나옵니까..

[ㅐㅐㅋㄷ(ooze86)]

천재

[에뚜(ssss4610)]

[익명(bold2248)]

예전에 적은 일지중에 pixel perfect 관련해서 적으신게 엄청 도움되었어요 감사합니다...

[호두펀치(pds1613)]

[흉황(smk4397)]

[ㅇㅇ 1(211.204)]

굿

[얀테이(lose7560)]

고수ㄷㄷ..

[얀테이(lose7560)]

[dryrain(dryrain1025)]

천재

[은하율(59.31)]

님 천재?

[익명(tmxpffkwid)]

나도 픽셀퍼펙트 공부하면서 참고했던 글 썼던 분이네 감사감사