스프라이트 분석기
브라우저 안에서 투명하지 않은 연결 영역을 감지해 스프라이트 시트를 개별 프레임으로 자동 분할합니다. 임계값을 조정한 뒤 프레임과 JSON 아틀라스를 내보내세요. 업로드는 없습니다.
스프라이트 시트를 끌어다 놓거나, 클릭해서 선택하거나, 붙여넣으세요
스프라이트 사이가 투명한 배경일 때 가장 잘 동작합니다.
스프라이트 시트 분석하는 법
- 스프라이트 시트를 추가하세요. 이미지 한 장을 끌어다 놓거나, 클릭해 선택하거나, 붙여넣으면 됩니다. 스프라이트 사이가 투명한 배경일 때 가장 잘 됩니다.
- “감지 옵션”에서 픽셀이 스프라이트로 인정되는 불투명도 기준인 알파 임계값(0~255)과, 잡티를 무시할 최소 프레임 크기(px)를 정하세요.
- 분석하면 감지된 프레임마다 윤곽선이 미리보기에 표시되어, 내보내기 전에 임계값을 확인할 수 있습니다.
- 잘라낸 프레임을 ZIP으로, JSON 아틀라스를 함께 내려받으세요. 프레임이 잘못 합쳐지거나 나뉘면 값을 조정해 다시 분석하면 됩니다.
이럴 때 씁니다
시트를 만드는 작업의 반대입니다. 완성된 스프라이트 시트는 있는데 아틀라스가 없을 때(에셋 팩에서 받았거나, 오래된 프로젝트이거나, 좌표를 잃어버린 내보내기 결과일 때) 각 프레임과 위치를 되살려 스프라이트를 하나씩 다시 가져오거나 편집할 수 있게 해 줍니다.
투명도를 기준으로 동작하므로 스프라이트가 투명한 배경 위에 떨어져 놓인 시트에 맞습니다. 두 스프라이트가 맞붙어 있으면 하나의 프레임으로 나오고, 최소 프레임 크기를 올리면 잡티가 걸러지며, 알파 임계값을 낮추면 흐릿한 안티앨리어싱 가장자리까지 잡힙니다. 윤곽선 미리보기를 보며 프레임 개수가 기대한 만큼 나올 때까지 두 값을 맞추세요.
자주 묻는 질문
프레임을 어떻게 찾나요?
시트에서 투명하지 않은 픽셀이 연결된 영역을 찾아 각각을 프레임으로 봅니다. 모두 브라우저 안에서 이루어집니다.
스프라이트 시트가 분석을 위해 업로드되나요?
아니요. 픽셀은 브라우저 안의 canvas에서 읽습니다. 시트는 페이지를 벗어나지 않습니다.
알파 임계값과 최소 크기 옵션은 무엇인가요?
알파 임계값(0-255)은 픽셀이 스프라이트로 인정되려면 얼마나 불투명해야 하는지를 정하고, 최소 크기는 한 변이 그보다 작은 영역을 잡티로 보고 걸러냅니다.
무엇을 받게 되나요?
감지된 각 프레임을 윤곽선으로 표시한 미리보기, 잘라낸 프레임 PNG들을 담은 ZIP, 그리고 각 프레임의 위치·크기와 시트 크기를 담은 JSON 파일입니다.
프레임이 합쳐지거나 감지되지 않는 이유는 무엇인가요?
픽셀이 서로 닿아 있는 스프라이트는 하나의 프레임으로 감지되고, 배경이 불투명한 단색인 시트는 아예 분리할 수 없습니다. 스프라이트 사이에 투명한 영역이 있어야 감지할 수 있기 때문입니다.