[📚정보] "가짜 투명도" 만들기

[익명(125.177)]

제목 글자수제한이 짧네

Stippling, 혹은 Dither Transparency

스티플링, 혹은 디더 트랜스패런시라고 불리는 이른바 가짜 투명도를 만드는 방법에 대해서 정리해보려고 함

그래서 그게 대체 뭐냐? 하면

사진 출처 : https://ocias.com/blog/unity-stipple-transparency-shader/

어디선가 한번쯤 봤을법한 그런것

이거를 구현하고 자기 마음대로 어느정도 커스터마이징도 할 수 있게끔 한다

코드 출처 : https://gist.github.com/clydeshaffer/e538c19175afa4419bfbbb9bbe1b7fd3

셰이더 코드는 여기에서 볼 수 있다

우선 유니티 에셋 폴더에서 Create > Shader > Standad Surface Shader 항목을 눌러 셰이더를 하나 만든 후

이름을 원하는대로 적당히 짓는다

출처의 코드와 똑같이 BayerDissolve로 지어도 되고 뭐 본인 맘대로

그리고 Create > Material 항목을 눌러 머티리얼을 만들고 나서 아까 작성한 셰이더를 할당해준다

할당하는 방법은 에셋 폴더에서 해당 셰이더를 머티리얼에 직접 드래그앤 드롭 하는 방법도 있고,

원하는 머티리얼을 선택한 후 인스펙터의 Shader 드롭박스를 통해 찾는 방법도 있다(아마도 기본값은 Standard)

↑보일지모르겠는데 이 작은 이미지를 다운로드받아서 프로젝트에 넣어주자

디시에서 사진 다운받으면 원본으로 받아지는지는 잘 모르겠는데,  혹시 영 껄끄럽다 하면 코드 출처에서 받아도 된다

그리고 방금 받은 작은 이미지의 인스펙터를 띄워서

Generate Mip Maps 항목 체크 해제하기

Filter Mode 항목을 Point (no filter) 로 변경하기

이거 두가지를 꼭 해주자

밉맵은 멀리 있을때 단순하게 보이는거 만드는거고, 필터모드는 픽셀을 선명하게(Point) 할거냐 하는거다

설정 다 했으면 이 작은 텍스쳐를 방금 만들어었던 머티리얼의 Filter 부분의 텍스쳐에 할당해주자

이놈은 쉽게말해서 "오브젝트를 어떻게 클리핑(자르기) 할 지" 에 대한 가이드라인이라고 생각하면 된다

그리고 위에 Albedo 부분의 텍스쳐를 할당하지 않고 비워두면 그 위에 있는 Color에 의해서 단색 머티리얼이 되고

뭔가를 할당하면 그 텍스쳐를 사용하게 되니까 취향껏 세팅해두자

다 했으면 한번 Color 항목에서 알파값을 변경해보자

완성!

추가로, 이 값을 런타임 도중에 C#에서 수정하는 방법과 처음에 말한 커스터마이징하는 방법을 간략하게 소개함

예시로, 해당 오브젝트와 카메라 사이의 거리에 따라서 알파값을 수정해줄 수 있다

알파값은 0에서 1까지, 0일때 완전 투명, 1일때 완전 불투명으로 입맛따라 설정해줄 수 있다 (ex. 0.3 = 투명도 30%)

주요 골자는 컬러타입 변수에 머티리얼의 컬러를 가져와서 알파채널을 수정한 후 다시 머티리얼에 할당해주기

철자가 colour인 이유는 영국식 철자인데 타입명 컬러하고 구분하기 쉬우려고 일부러 이렇게 쓴다

이놈을 오브젝트에 넣고 실행시키면

짠

그리고 만약 이놈 픽셀이 클리핑되는 순서(모양)가 마음에 들지 않는다면

아까 받은 작은 이미지를 수정해서 적용시킬 수 있다

예시로 내가 수정한 히오스 텍스쳐를 쓰면

요렇게 벌집핏자로 만들수도 있다

받아서 스포이드 찍어보면 알겠지만 픽셀마다 rgb값이 고작 4밖에 차이나지 않는데,

유니티 C#에서는 값을 0~1로 주기때문에 0~255인 rgb값을 민감하게 캐치하지 못한다(뇌피셜)

그러니 만약 편집할 생각이라면 적당히 유념해두고 편집하도록 하자

참고로 하얀색에 가까운 픽셀이 먼저 클리핑된다

[익명(220.80)]

사실 투명도만 생각하면 일반적인 알파 블렌딩이 결과물이 좋고 디더링은 최적화쪽에서 이점이 있지 않던가 야매로 아는거랑 정확히는 몰루ㅎ

[익명(220.80)]

근데 쉐이더 코드 보니까 실제로 디더링을 수행하는건 아니고 텍스쳐로 그런 느낌만 내는거구만

[익명(49.161)]

[소닉쫄따구테일즈(dcz3xv7zgu14)]

이거 디아블로에서 벽이 캐릭터 가리면 벽을 저렇게 하든데. 디더링이라 하는거였구나

[익명(125.177)]

정확하게 디더링이 저거는 아닌데 보이는게 비슷해

[익명(119.194)]

'역시 개발자는 달라' 콘

[해당 댓글은 삭제되었습니다.]

해당 댓글은 삭제되었습니다.

[익명(125.177)]

URP쓰는경우에는
https://youtu.be/VG-Ux8RHMoA
이거 참고해봐

[카퍠인(happys96)]

[익명(211.169)]

디더링이 알파블랜딩보단 좀 더 무거움. 다만 최대 장점은 뎁스가 깨지지 않아 여러 활용도가 높은편.

[익명(211.169)]

+ TAA, TSR같은 템포럴한 AA와 같이 써야 망점이 눈에 덜 거슬림.