[📚정보] 이전에 쓰다 짤린 urp 스파인 아웃라인 제작기 3트

[옵티컬플레어(optical2880)]

원래는 스파인 자체 아웃라인이 있어서 그거를 사용하면 되는데 스파인 버전을 낮춰서 사용해야 하는 이슈가 있어서 아웃라인이 제대로 그려지지 않더라고...

추측이라서 자세히는

그래서 그냥 내가 제작해보기로 했음

먼저 싱글패스 쉐이더로 상하좌우 투명도를 체크하고 자기가 투명하면서 n칸(두께)안에 투명하지 않은 놈이 있으면 아웃라인 색을 넣어주는 식으로 해봤음

징그러울 수 있으니 주의

확실히 스파인 스프라이트 나뉜 부분마다 그려주고 있음... 이건 뭐 어쩔 수 없다고 생각해

스파인 자체가 각 스프라이트를 위치 조정해서 해줘서 스프라이트만으로는 캐릭터 안쪽 바깥쪽 판별이 어려울 것 같더라고

그래서 멀티패스로 처음에 저렇게 그려주고, 두번째에 정상적인 스프라이트를 덮어줘서 징그러운 부분이 가려지게끔 해봤음

다시 한 번 이렇게 되었어

이유는 찾아보니 urp에서는 멀티패스를 제한해뒀더라고? 그래서 두번째 패스가 그려지지 않는 거였음

그래서 분노의 구글링 결과로 멀티패스 그리는 법을 찾음

방법은 렌더 피처로 해주면 되는 거였음

유니티 urp에서는 렌더링을 건드릴 수 있는 Renderer2D가 존재해

소트라거나 기본 머티리얼 타입, 라이트 등을 건드릴 수 있는데, 이녀석의 아랫부분을 보면

이렇게 렌더 피처를 넣을 수 있음

여기서 우리는

밑에 있는 렌더 오브젝트를 추가해줄 거임

렌더 오브젝트는 렌더 순서부터 적용할 마스크, 라이트 모드, 깊이 설정 등을 해줄 수 있는 오브젝트야

라이트 모드 태그는 쉐이더에 라이트모드에 설정해주면 이 렌더 오브젝트가 적용돼

이렇게 해주면 제대로 된 아웃라인이 나오게 돼...지는 않고

렌더 순서를 따로 설정해주게 되면서 몇몇 문제가 생길 수 있어

보시다시피 렌더 순서를 불투명오브젝트 이후로 잡게 되면 투명으로 설정한 오브젝트에 가려지게 돼

그래서 나는 불투명 이후인 스카이박스 렌더링 전으로 해뒀어

근데 아웃라인만 불투명 이후로 해주면 다시 캐릭터 스프라이트를 아웃라인이 가리면서 징그러운 모습이 생기겠지?

따라서 캐릭터 패스용으로 렌더 오브젝트를 하나 더 만들고 설정해주자

두 태그를 같은 태그에 넣지 않는 이유

둘을 나눠놓은 이유는 최적화 때문이야

둘을 같은 렌더 오브젝트에 넣어두면

위와 같이 각 캐릭터가 다 나뉘어져서 예쁜 아웃라인이 제대로 나오지만...

드로우 콜이 각 캐릭터마다 두개씩 먹게 됨 (같은 렌더 순서로 각 패스가 번갈아가며 렌더링되어 배칭이 되지 않아서)

반면 둘을 나눠놓으면

캐릭터마다 아웃라인이 나뉘지는 않지만(다른 캐릭터의 스프라이트에 아웃라인이 가려짐)

대신 아웃라인 한 번, 그 위에 캐릭터 한 번으로 배칭이 되어서 같은 캐릭터면 총 두 번만 드로우 콜을 먹게 돼

그래서 후자를 택하게 됐어

!외에도 렌더 오브젝트를 사용하는 레이어의 오브젝트는 기본으로 설정된 소트 방식을 따르지 않게 돼!

따라서 아무런 설정을 해주지 않으면 z-fight이 계속해서 일어나게 되지

나의 경우는 계속해서 움직여주지는 않기 때문에 자리마다 z값만 살짝 바꿨어

하지만 제대로 해결하려면 렌더 오브젝트를 커스텀해서 소트 방식을 설정해줘야 해

렌더 오브젝트를 스크립트로도 만들 수 있거든 그래서 스크립트를 통해서 소트 방식과 위에 설정한 것들을 다시 해줘야 해

마무리를 어떻게 해야 할 지 모르겠으니 시프티로 대체할게

[옵티컬플레어(optical2880)]

참고 자료 마둠파님 블로그:
https://blog.naver.com/mnpshino/222058677191
외에
개발일지 블로그:
https://blog.naver.com/darkcloudnya/223512501003
추가로
우리 앱 링크:
https://play.google.com/store/apps/details?id=com.gamethon7.heroacademy&pcampaignid=web_share

[SR4(succeed4464)]

굿굿

[익명(222.238)]

쉐이더 안쓰고 왜 ..

[익명(220.121)]

글을 안읽었나바