유니티 공식 지원 강력한 UI 쉐이더 샘플 - 유니티 Shader Graph

 

 

유니티 6.1 버전 이상부터 공식 지원되는 Shader Graph 샘플이다.

Canvas Shader 사용 예제가 잔뜩 포함된 고마운 샘플 프로젝트이다.

이것만으로 몇십달러 하는 특정 에셋들은 완전히 공짜로 쓸 수 있게 된다.

 

 

대표적으로 TransLucent 라고 하는 UI 투명화, UI 라운디드로 후루룩 날먹하는 에셋이 있다.

회사에서 사줘서 한번 써본적이 있는데, 좋긴하지만 Render Pipeline도 자기들 기준에 맞게 고쳐야 하고

이런저런 불편함이 있었다.

 

 

응~ 이젠 공짜~

 

UI 블러 처리 외에도 둥근 모서리 처리

미터기, 프로그레스 바, 인디케이터 등

강력하고 심플한 Canvas 효과 예제가 잔뜩 있다.

 

Canvas Shader의 장점은, 위의 화려한 효과가 전부가 아니다. 

 

Canvas Shader의 장점은 다음과 같다.

1. 해상도에 영향을 받지 않는다.

텍스처를 사용하지 않기 때문에, UI를 작게 줄이던 크게 올리던 영향을 받지 않는다.

 

2.Texture 메모리를 사용하지 않는다.

Material 로만 동작하기 때문에 UI 텍스처의 메모리를 전혀 사용하지 않는다.

실제로 예시 Image 컴포넌트를 보면, 텍스처란은 비어있고 컬러와 매트리얼만으로 표현하고 있다.

 

3.Shader Graph 에서 모든 걸 만들 수 있다.

효과 하나 주기 위해, 부모-자식 오브젝트에 이것저것 추가하면서 예쁘게 표현하려고 노력 할 필요 없이

Shader Graph 내에서 편집한다. (이게 더 어렵지 않나..)

 

4. 자동으로 비율이 조정된다.

Width나 Height를 수정해도 0 ~ 100%의 Ratio는 유지된다.

 

5. Shader 하나안에 여러 Canvas Shader 효과들을 전부 넣을 수 있다.

필요한 효과만 하나 빼서 자신의 UI 에 적용할 수 있다.

 

 

이제 문제는 자신의 게임에 맞게 잘 커스터마이징 하는건데..

예제를 잘 분석하는게 중요할 것으로 보인다.