유니티 UI 이미지 마스크
·
기능 구현 방법 정리
UI에서 정해진 틀 내에 이미지를 넣어야 하는데 삐져나오는 경우가 있습니다. 안에 들어간 이미지의 크기, 스케일을 줄여서 해결할 수 있기는 하나,그러면 사용할 이미지가 너무 작아지기에삐져나온 부분만 보이지 않게끔 처리하고 싶을 때가 있을 것입니다. 예시로 든 이미지에서는 검이 삐져나오네요 마스크를 씌울 이미지가 있는 오브젝트 char해당 오브젝트를 우클릭하여 Create Empty Parent > 이름을 CharMask로 변경 CharMask 선택 > 인스펙터에서 Add Componenet > Image이러면 None(Sprite) 로 기본으로 흰색 사각형 이미지가 나올 것입니다.다른 모양을 써야하면 해당 모양의 이미지를 구하거나 제작하여 소스 이미지에 넣어주면 됩니다.이 사각형을 마스크 씌울 영역에 맞..
유니티 UI에 스파인 애니메이션 넣기
·
기능 구현 방법 정리
스파인에 포함된 스크립트로 UI에 애니메이션을 쉽게 표시할 수 있도록 제공하고 있습니다  캐릭터 이미지를 넣을 오브젝트의 인스펙터 > 하단의 Add Component > SkeletonGraphic (Unity UI Canvas) 추가 위에서부터 하나씩 항목 설명을 드리겠습니다.1. Skeleton Data Asset : 애니메이션 재생을 위해 생성한 스켈레톤 데이터 에셋을 넣어줍니다.스켈레톤 데이터 에셋을 넣어주면 아래에 세부 항목들이 출현합니다.2. Material : 머티리얼은 디폴트 값으로 Alpha 채널을 추가한 셰이더를 사용하고 있습니다.제대로 출력이 안되는 경우 스켈레톤 데이터 에셋을 생성할 때 제대로 출력되게끔 조정한 머티리얼을 넣어주면 됩니다.여러 애니메이션을 넣어야 할 때 모두 Alph..