본문 바로가기

유니티

[Unity] 캔버스 마스크 / UI의 원하는 부분만 보이게 하기

캔버스에서 어떤 오브젝트의 위치를 이동할 수 있고,

해당 오브젝트는 정해진 구역 안에서만 보여지도록 하고 싶을때 사용 가능한 기능이 바로 "캔버스 마스크"이다.

예제를 통해 바로 확인하도록 하자.

 

먼저 캔버스에 아래와같은 창문 이미지를 추가했다. (좌)

창밖에서 산타클로스가 빼꼼 하도록 하고싶은데, 당당히 주거침입을 하고 있는 모습이다. (우)

 

창틀 안쪽 부분에 네모난 Panel을 추가하고 Mask 컴포넌트를 추가한다. (Mask Image)

그리고 보여주고 싶은 이미지를 자식으로 추가한다.

 

 

 

결과물을 보니 예시가 적절했는지 조금 의문이 들지만.. (안쪽에 있는 창틀은 고려 못함)

여러가지로 활용 가능할 것 같은 캔버스 마스크에 대한 소개였다.