유니티에서 마스크를 사용하여 이미지를 특정 영역만 보이게 하기 > IT Note

본문 바로가기
사이트 내 전체검색

IT Note

유니티에서 마스크를 사용하여 이미지를 특정 영역만 보이게 하기
0

View 2,400  | 작성일2022.04.09 23:16

본문

https://freezer09.tistory.com/4 

 

유니티에서 이미지의 특정영역만 보이게 할때 사용하는 방법입니다.

 

이를테면 게이지를 만들다고 하면..

 

검정 사각형 안에서 빨긴 바만 크기를 키우고 줄이면 게이지가 됩니다.

그리고 그 모습이 사각형이 아니라 어떤 모양이 된다고 할때 이 이미지 마스크가 유용합니다.

 

이를테면 이런 그림 말이죠.

 

78d76c2afbd0bcabbbbc536f3547293a_1649513591_1272.png

 

1. 우선 마스크가 될 이미지를 UI에 Image 로 배치합니다.

2. 그리고 그 마스크가 될 이미지 자식으로 사각형 Image 두개를 만들어서 크기를 동일하게 해줍니다.

3. 서로 색깔을 다르게 하고 늘어나고 줄어들 이미지는 피봇Y를 0으로 맞춰줍니다.

4. 그리고 마스크가될 이미지를 add componant 를 하여 mask 를 추가해 줍니다.

5. 그리고 게이지 조작할때는 피봇y를 0으로 맞춘 이미지의 height를 조절해 줍니다.

 

댓글목록

등록된 댓글이 없습니다.

IT Tip&Tech 목록

게시물 검색

접속자집계

오늘
1,248
어제
901
최대
6,399
전체
661,607
Copyright © LittleCandle All rights reserved.
문의메일 : littlecandle99@gmail.com
모바일 버전으로 보기