[Unity] Unity 스프라이트가 잘리는 이유 (벨 UI 동그라미 잘림 해결 방법)

문제 상황

오랜만에 또 띵동 프로젝트를 개선해보았다.

그 이유는 엄마가 띵동 게임 플레이 하다가 이거 점수는 어떻게 올리는거야? 라고 물어봤기 때문이다.

집에 달려있는 벨이 있는데 어디서 종을 눌러야 점수가 올라가는지 나는 알지만 사용자한테 안 와닿을 수 있겠구나 하는 깨달음을 얻었다. 

 

그래서 벨 오브젝트위에 노란 강조 원을 추가하고자 하였다. 

 

그런데 아래와 같은 문제가 생겼다.

 

유니티에서 오브젝트 위에 강조용 동그라미(노란 링)를 추가했는데,
게임 화면에서는 바깥 부분이 사각형처럼 잘려서 나오는 문제가 발생했다.

 

처음엔 Mask 문제인가 싶었지만, 원인은 Sprite Rect 영역 설정이었다.

 

 

원인

해당 스프라이트는 Sprite Mode: Multiple로 설정되어 있었고,

Sprite Editor에서 설정된 Rect 영역이 벨 본체까지만 잡혀 있었음

 

👉 Unity는 Rect 영역 밖의 픽셀은 절대 렌더링하지 않는다.
Mesh Type을 Full Rect로 바꿔도, Rect 밖이면 여전히 잘린다.

 

 

해결 방법

Sprite Editor에서 Rect 확장

1. 텍스처 선택
2. Open Sprite Editor
3. 해당 스프라이트 선택
4. 파란 사각형(Rect)을 강조 원이 완전히 들어오도록 확장
5. Apply

핵심은 노란 원이 Rect 안에 포함되도록 만드는 것이다. 

아래 사진과 같이 파란 사각형이 노란 원을 다 포함하도록 조정해 주었다. 

 

결과

이렇게 조정 후에는 정상 반영 되었다.