PNG 스프라이트 시트와 JSON 맵을 만드세요

이 도구가 유용할 때

작은 게임 스프라이트, 아이콘, 썸네일, UI 상태를 기계가 읽을 수 있는 셀 좌표가 있는 예측 가능한 비트맵에 묶는 것입니다.

로컬 처리 작동 방식

입력은 선택된 순서대로 유지되고, 열은 실제 입력 수로 경계가 설정되며, 각 프레임은 고정된 셀을 받고, 전체 이미지와 커버 채우기 후 자르기, 빈 공간은 선택한 RGBA 배경을 유지하고, ZIP은 sprite-sheet.png 좌표와 결정적 sprite-sheet.json 좌표를 포함합니다.

사용 방법

1. 소스 준비: 작은 게임 스프라이트, 아이콘, 썸네일, UI 상태를 기계가 읽을 수 있는 셀 좌표가 있는 예측 가능한 비트맵에 묶는 것입니다.
2. 로컬에서 처리: 입력은 선택된 순서대로 유지되고, 열은 실제 입력 수로 경계가 설정되며, 각 프레임은 고정된 셀을 받고, 전체 이미지와 커버 채우기 후 자르기, 빈 공간은 선택한 RGBA 배경을 유지하고, ZIP은 sprite-sheet.png 좌표와 결정적 sprite-sheet.json 좌표를 포함합니다.
3. 다운로드 및 확인: 두 파일을 모두 추출하고, PNG 크기, 왼쪽 상단 원점, 프레임 순서, 셀 사각형을 JSON과 비교해 확인하고, 패딩 또는 피복 작물 포함을 검사한 후 사용 애플리케이션에서 지도를 불러옵니다.

중요한 제한 사항

PNG는 하나의 평면화된 래스터 시트로, 애니메이션, 벡터, 레이어, 소스 메타데이터, 독립 컨테이너, 색상 프로필 의도는 유지되지 않습니다. 커버는 가장자리를 자르고, Include는 배경을 남길 수 있으며, 소스, 전체 픽셀, 캔버스, 메모리, PNG, JSON, ZIP 제한이 적용됩니다.

다운로드한 결과 확인

두 파일을 모두 추출하고, PNG 크기, 왼쪽 상단 원점, 프레임 순서, 셀 사각형을 JSON과 비교해 확인하고, 패딩 또는 피복 작물 포함을 검사한 후 사용 애플리케이션에서 지도를 불러옵니다.

설계상 개인정보 보호

파일은 브라우저에 남습니다. 이 도구는 원본이나 출력을 서버로 업로드하지 않습니다.

질문과 답변

관련 도구