스프라이트 시트 분할기

시트 구성에 맞는 분할 방법 선택

스프라이트 시트는 애니메이션 프레임이 정확한 행렬로 배치된 형태, 간격이 일정한 타일셋, 또는 아이콘이 불규칙하게 배치된 형태일 수 있습니다. 각 구성에는 서로 다른 감지 방법이 필요합니다. 이 분할기는 모든 방법을 하나의 과정에 담되 최종 판단은 사용자가 내리도록 합니다.

이 설정은 널리 쓰이는 스프라이트 작업 방식을 따릅니다. Unity Sprite Editor는 자동 분할, 셀 크기 또는 셀 수 기준 격자와 함께 시작 위치, 패딩, 빈 사각형, 피벗 설정을 지원합니다. Aseprite의 스프라이트 시트 가져오기 역시 x/y 시작 위치, 스프라이트 너비와 높이, 패딩, 읽기 순서를 사용합니다. 이 도구는 이미지 추출에 집중하므로 자르기 좌표는 내보내지만 Unity, Godot 또는 Aseprite 프로젝트 파일은 만들지 않습니다.

자동 감지는 출발점이며 결과를 보장하지 않습니다

자동 감지는 서로 연결되지 않은 보이는 영역을 찾습니다. 스프라이트 사이에 투명한 공간이 있으면 빠르게 작동하지만, 어떤 감지 방식도 모든 시트에서 제작자가 의도한 프레임 경계를 추측할 수는 없습니다. 두 캐릭터가 맞닿으면 하나의 영역으로 보일 수 있고, 떨어진 그림자나 불꽃은 별도 영역으로 감지될 수 있습니다. Phaser 추출 안내도 연결된 픽셀의 같은 한계를 설명합니다. 서로 맞닿은 스프라이트는 함께 감지됩니다.

내보내기 전에 번호가 붙은 영역을 항상 확인하세요. 자동 감지에는 허용 오차, 최소 크기, 병합 거리를 조절하는 슬라이더가 없으므로 결과를 직접 수정하세요. 단색 배경이 그림으로 잘못 감지되면 빈 픽셀 감지를 모서리 배경색으로 설정하거나, 감지를 끄고 격자로 분할하세요. 결과가 너무 잘게 나뉘면 남은 영역을 삭제하고 스프라이트 전체를 감싸는 영역 하나를 그립니다. 두 프레임이 맞닿아 있으면 합쳐진 제안을 수동 영역으로 교체하세요. 원본 시트는 변경되지 않습니다.

ZIP과 frames.json의 내용

PNG는 픽셀과 투명도를 그대로 보존하므로 기본 출력 형식입니다. 선택한 각 프레임에는 프레임 이름이나 지정한 접두사를 바탕으로 안전하고 고유한 파일명이 붙습니다. ZIP에는 이 PNG 파일과 frames.json 목록이 함께 들어갑니다. 각 항목에는 프레임 이름, 순서, 원본 영역이 기록됩니다.

{
  "name": "player-run-03",
  "x": 128,
  "y": 64,
  "width": 32,
  "height": 48
}

좌표는 원본 이미지의 왼쪽 위 모서리를 기준으로 한 픽셀 값입니다. 스크립트나 사용자 지정 작업 과정에 활용할 수 있지만, 이 파일은 의도적으로 범용 형식이며 특정 게임 엔진용 아틀라스나 가져오기 파일이 아닙니다.

제한된 복구 기능을 갖춘 비공개 로컬 처리

이미지 해석, 감지, 편집, 자르기와 ZIP 생성은 브라우저에서 이루어집니다. 이미지 데이터와 파일명은 서버로 전송되지 않습니다. 여러 단계의 작업을 복구할 수 있도록 활성 탭은 제한된 로컬 작업 사본과 설정을 최대 두 시간 동안 보관할 수 있습니다. 처음부터 다시 시작을 누르면 활성 탭의 프로젝트가 즉시 삭제됩니다. 별도로 연 탭에는 격리된 자체 사본이 있으며, 다른 탭을 초기화하더라도 두 시간 이내에 자동으로 삭제됩니다.

큰 시트를 다룰 때는 이미지를 많이 사용하는 다른 탭을 닫고 빈 프레임을 수백 개 만들지 마세요. 분할기는 품질을 몰래 낮추는 대신 크기 또는 프레임 수 제한을 알려 줍니다. 다운로드에는 브라우저의 임시 객체 URL이 사용되며, MDN 객체 URL 안내에 따라 사용 후 해제됩니다.

내보내기 전 확인 사항

• 읽기 순서가 애니메이션 또는 타일 순서와 일치하는지 확인합니다.
• 확대해서 첫 번째, 중간, 마지막 프레임에 한 픽셀 어긋남이 없는지 살펴봅니다.
• 위치 자체에 의미가 없다면 빈 셀과 우연히 남은 픽셀을 제외합니다.
• 서로 다른 이름을 사용하고 ZIP을 만들기 전에 중복 이름을 확인합니다.
• 대비되는 미리 보기 배경에서 투명 가장자리를 확인합니다.
• 정밀하게 끌기 어렵다면 입력란이나 버튼으로 영역을 수정하세요. W3C 키보드 지침에 따라 키보드로도 작업할 수 있습니다.