Unity UI - 이미지 영역을 제한해주는 Mask

유니티에는 자식 개체들을 부모 개체 이미지 영역 내부에서만 보일 수 있도록 하는 Mask,

위 기능과 더불어 부분적으로 알파 값까지 변경시켜주는 Rect Mask2D 컴포넌트가 있습니다.

 

사각형 이미지에 Mask 컴포넌트를 넣고 자식 오브젝트로 적당한 이미지를 넣어봤습니다.

 

자식 오브젝트가 부모 오브젝트 너머에서는 보이지 않게 됩니다.

 

드러나는 범위는 부모 오브젝트의 Rect Size가 아니라 스프라이트 형태에 따라 달라집니다.

 

 

Show Mask Graphic 옵션을 해제해 부모 오브젝트가 드러나지 않도록 할 수도 있습니다.

 

불투명한 스프라이트 영역도 전부 마스크 영역으로 취급됩니다.

 

 

 

Rect Mask 2D는 Show Mask Graphic 옵션이 없는 대신

Padding과 Softness가 있습니다.

 

Padding은 Layout Group처럼 테두리와 내용물 사이 간격을 늘릴 수 있습니다.

 

Softness는 Padding처럼 외곽과 내용 사이를 편집한다는 점에서 동일하지만, Padding처럼 상하좌우의 간격을 조절하는 것이 아닌

내용물과 테두리 사이 투명도를 조절합니다.

 

 

본인은 Rect Mask 2D Softness를 이용해 일러스트와 UI 테두리 사이를 옅게 만들어 입체감을 주는데 사용하였습니다.