Posts 유니티 - UI 이미지에 구멍뚫기
Post
Cancel

유니티 - UI 이미지에 구멍뚫기

Mask


image

이런 이미지에

image

이런 마스크를 씌우려면

  • Mask Image (Image, Mask 컴포넌트 존재)
    • Image (Image 컴포넌트 존재)

이렇게 마스크 이미지, 보여질 이미지를 부모-자식 관계로 구성하면 된다.

image

그러면 이렇게 마스크 이미지와 겹치는 영역만 보인다.


Punch


반대로 마스크 이미지와 겹치는 영역만 안보이도록,

마치 구멍이 뚫린 것 같이 표현하려면

우선 마테리얼 하나를 만든다.

image

그리고 프로퍼티 값들을 위와 같이 설정한다.


image

마스크의 자식으로 있는 이미지의 Image 컴포넌트에서

Material에 해당 마테리얼을 넣어주고, Maskable 옵션을 체크 해제한다.


image

이제 위와 같이 마스크 모양으로 구멍이 뚫린 모습을 확인할 수 있다.

This post is licensed under CC BY 4.0 by the author.

유니티 - 한글 주석 인코딩 깨지는 경우 해결하기

유니티 - 모델 트랜스폼 구조 최적화하기