[Unity] 부모 밖으로 나가면 잘리는 UI (Rect Mask 2D)

Learning 

When: 1학년 7월 3일 지태환

 

How:

개인 프로젝트를 만들 때, 아래와 같은 이펙트를 구현하고 싶었는데, Unity에서 미리 구현해 놓은 기능이 있을 것 같아 검색을 해보았더니 Rect Mask 2D라는 기능이 있다는 것 알게 되어 그것을 공부해 보았습니다.

 

Understanding:

Rect Mask 2D는 방금 설명한 대로 자식 오브젝트의 UI의 Image가 부모 밖으로 나갔을 때, 그것을 자르는 컴포넌트입니다.

설정도 간단한데, Padding과 Softness 2개로 이루어져 있고 Padding은 자식을 보이게 하는 원래 범위인 자신의 Rect Transform의 범위에서 값을 변경하여 범위를 바꿀 수 있게 해주는 것입니다. 

Softness도 마찬가지로 범위를 지정하는 것인데, Padding을 적용한 범위에서 가장자리로 갈수록 자연스럽게 없어지게 하여 자식이 잘리는 것이 아닌 자연스럽게 없어지게 보이게 해주는 설정입니다.

 

Result: Rect Mask 2D를 사용하면 자신의 RectTransform의 범위에 해당하는 사각형 범위를 만들고, 그 자식이 그 범위 밖으로 나가면 나간 부분을 없애주는 컴포넌트입니다.