[🐣질문] UI 간 Blur 관련해서 질문 있습니다.

[라라루라(hwi7586)]

UI Image 가 A, B 가 있다고 하면 A 가 B 보다 뒤에 왔을 때, B의 반경 내부에 있다면 A가 Blur 되어 표시되도록 하고 싶어요. (글래스모피즘 느낌처럼)

그런데 현재 확인한 에셋과 Shader 의 경우 다음과 같은 문제가 있습니다.

1. Translucent Image Asset : UI 간 Blur 의 경우 다른 Canvas 에 두어야 함.

2. Gaussian Blur : UI 간 Blur 위와 같이만 적용 가능. 혹은, Image 자체에 Blur 를 넣는 게 가능한데, 이는 종합적인 UI 전체적인 부분에 Blur 를 넣어야 하므로 문제.

혹시 이러한 문제가 발생하지 않으면서, 위 구현하고 싶은 내용을 구현할 수 있는 방법이 있을까요?

Blur 가 굉장히 쉬울 거라고 생각하고 있었는데, 생각지도 못한 부분에서 엄청 막히네요 ㅎㅎ,,,,

[도도한떡볶이(bankrupt5992)]

다른 패널에 블러처리를 하려면 블러처리가 될 패널 (블러패널 뒤의 친구들) 이 모두 렌더링이 된 상태에서 셰이더를 활용해 블러처리를 합니다 Postprocessing (후처리) 라고 하죠 유니티 URP 또는 HDRP 환경에서 포스트프로세싱을 활용해 블러를 안줄 레이어를 제외하고 모두 블러를 주는 방법도 있을꺼같구요, 렌더 처리가 마지막에 오도록 Sorting group 또는 ZWrite가 후순위가 되도록 만든 다음 UI 화면을 가져올 GrapPass나 Render Texture에 셰이더를 먹인다음에 Image로 출력하는 방법도 있을꺼같슴니다.. - 다른 좋은 방법이 있을 수도 있구요.. 정답은 없습니다

[라라루라(hwi7586)]

아,,, 해당 에셋들이 blur처리를 rendering 된 다음에 처리하는 이유가 있군요! 생각보다 다들 제작 과정이 복잡할 것 같네요. 덕분에 생각이 좀 트인 것 같습니다. 감사합니다!

[ㅇㅇ 1(203.253)]

이거 관련해서 예전에 다른 에셋 제작자가 얘기한게 유니티 렌더링 코드가 너무 엉망이라 구현 불가능하다함. 억지로 한다면 억지로 할 순 있지만 성능 문제와 수 많은 버그가 생길 것이므로 안한다함. 그러므로 편법을 써서 구현해야함.(포스트프로세싱 이용, 이미 블러 처리된 이미지 활용 등)

[라라루라(hwi7586)]

말씀 감사합니다!!