[📜일지] [개발일기] 4. VFX 그래프로 비 구현하기

[codeCat(175.123)]

이번 글에서는 VFX 그래프를 이용한 비 구현 과정을 써보려고 합니다.

처음에 비를 구현할때는 파티클 이펙트를 이용해서 구현하려고 했지만, 좀더 사실적인 느낌을 주기위해

게임내의 오브젝트나 플레이어, 바닥과 충돌시 빗방울을 만드려고 하니 여러가지 문제가 있었습니다.

1. 수십개의 비 각각이 게임내 오브젝트들과 충돌감지를 해야하니 성능적으로 문제가 있었습니다.

2. 비와 상호작용 하고싶은 물체들에 전부 콜라이더를 붙여야함 -> 너무나도 귀찮은 작업...

3. 콜라이더의 모양과 물체의 모양이 맞지 않는 문제 -> 비가 스프라이트를 통과해버리거나 스프라이트 밖에서 충돌해버리는 문제

ex) 아래와 같은 스프라이트. 콜라이더와 모습이 맞지않는 걸 확인할 수 있습니다.

그래서 이것저것 찾아보던 중에 유니티 VFX 그래프에서 Depth Buffer(2D게임에서 Z축 위치값)를 바탕으로 충돌을 지원한다는 걸 알게되서

VFX 그래프를 이용해서 비 이펙트를 만들었고 요렇게 Depth Buffer 기준 충돌을 추가했습니다.

그렇지만 이것저것 설정을 바꾸고 확인해봐도 Depth Buffer 충돌이 작동을 안하는 문제가 발생했습니다..

몇시간이나 붙잡고 고생한 끝에 URP에서는 아직 Depth Buffer 충돌 기능을 지원하지 않는다는 사실을 알게됬습니다..

이 게시글이 아니였다면 저도 한두시간은 더 헤멨을지도 모르겠네요..

도대체 작동하지 않는 기능을 왜 사용할 수 있게 해뒀는지, 왜 작동하지 않는다는 사실을 표시하지 않은 건지는 아직도 의문이네요..

이 문제를 해결하기 위해서 저번에 안개에서 사용했었던, 유니티가 Depth Buffer를 기록하는 _CameraDepthAttachment 텍스쳐를 사용하려고 했습니다.

깊이버퍼값을 직접 읽어서 그걸 바탕으로 충돌 계산을 하기 위함입니다.

하지만 유니티 쉐이더상에서는 _CameraDepthAttachment에 직접 접근할 수 있지만 VFX 그래프 상에서는 그럴수가 없었습니다..

그래서 _CameraDepthAttachment 텍스쳐를 외부 렌더 텍스쳐에 복사하고, VFX 그래프에서 그 렌더 텍스쳐를 참조하는 방식을 사용하기로 했습니다.

외부 렌더 텍스쳐에 복사하는 작업은 요렇게 커스텀 렌더 패스를 만들어주면..

요렇게 렌더 텍스쳐인 RainCollisionTex로 깊이 버퍼값을 복사해서 그려줍니다.

그리고 VFX 그래프에서 그 값을 참조해서 Z축위치가 일정 이상이면 충돌하도록 만들어줍니다.

아래 사진은 RainCollision Texture 위에 비를 그린 모습입니다.

위와 같은 충돌 계산식은 저 비 하나하나가 자신의 위치를 저 RainCollision Texture의 위치에 대입해서,

그 위치의 빨간색이 일정 이상일 경우를 충돌로 감지하는 계산이라고 보시면 됩니다.

이런 계산을 위해서는 비의 위치 좌표를 저 RainCollsion Texture의 UV(텍스처 상에서의 위치를 나타내는 좌표)로 변환해줄 필요가 있습니다.

저 화면의 중심이 카메라의 위치이기 때문에, 이를 기준으로 비의 위치좌표를 계산해서

좌측 맨아래가 (0,0) 우측 최상단이 (1,1) 이 되도록 환산해줍니다

위의 내용을 바탕으로 비를 구현한 모습입니다..

아직 비 이미지나 세부값들을 조정하지 않아서 어색한 부분이 있지만, 그래도 기능적으론 잘 작동하는 것으로 보입니다.

Z축 위치가 일정이상인 스프라이트들의 모양에 맞춰서 충돌하는 걸 확인할 수 있습니다.

원래 동영상을 여기에 두려고 했는데 동영상 파일은 업로드시 글 맨 위로 올라가 버리네요.

[익명(222.238)]

와 개추

[익명(175.223)]

맨날 스프라이트로만 노가다하다가 이런 글 보니까 쉐이더 공부 의욕 생긴다 진짜.... 어떤거부터 공부하면 좋을지 물어봐도 됨?

[codeCat(175.123)]

http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791186573167&orderClick=JAI

[codeCat(175.123)]

저는 이 책으로 입문했고, 구글이나 유튜브를 통해서 독학을 했습니다!

[익명(110.70)]

베리베리베리베리 감사합니다 땡큐!!!

[익명(175.195)]

와~ 감사 감사

[김메가(scw973108)]