유니티에서 마스크를 사용하여 이미지를 특정 영역만 보이게 하기
View 3,120 | 작성일2022.04.09 23:16
관련링크
본문
https://freezer09.tistory.com/4
유니티에서 이미지의 특정영역만 보이게 할때 사용하는 방법입니다.
이를테면 게이지를 만들다고 하면..
검정 사각형 안에서 빨긴 바만 크기를 키우고 줄이면 게이지가 됩니다.
그리고 그 모습이 사각형이 아니라 어떤 모양이 된다고 할때 이 이미지 마스크가 유용합니다.
이를테면 이런 그림 말이죠.
1. 우선 마스크가 될 이미지를 UI에 Image 로 배치합니다.
2. 그리고 그 마스크가 될 이미지 자식으로 사각형 Image 두개를 만들어서 크기를 동일하게 해줍니다.
3. 서로 색깔을 다르게 하고 늘어나고 줄어들 이미지는 피봇Y를 0으로 맞춰줍니다.
4. 그리고 마스크가될 이미지를 add componant 를 하여 mask 를 추가해 줍니다.
5. 그리고 게이지 조작할때는 피봇y를 0으로 맞춘 이미지의 height를 조절해 줍니다.