내일배움캠프 74일차 TIL "Sprite atlas 관련 이슈 해결"

 

아이콘들을 Sprite atlas로 묶어서 관리를 하려고 했을 때 다음과 같은 문제가 발생했다.

 

 

만약의 경우를 대비해 위와 같은 형태로 이미지를 올린다.

스프라이트의 표시는 제대로 되지만, 일부 스프라이트들은 어색하게 직사각형 모양으로 번지고 깨진듯한 느낌을 주는 현상이 발생했다.

 

 

 

결론적으로는 Alpha Dilation이라는 옵션을 체크하니 그런 깨지는 현상을 해결할 수 있었다.

 

 

스프라이트들을 아틀라스화하면서 인접픽셀들이 혼합되거나, 이미지 경계끼리 섞이는 문제가 발생할 수 있다.

또한, 텍스처를 축소하여 여러해상도로 저장하는 Mipmapping 과정에서 경계부분의 픽셀이 압축되면서 깨지는 문제가 발생할 수도 있다.

Alpha Dilation을 통해 스프라이트간의 경계를 확실하게 해줄 수 있었기에 깨짐 현상을 해결할 수 있게 되었다.