스프라이트 시트와 게임 자산을 분할하는 방법

    스프라이트 시트에서 개별 스프라이트와 게임 요소를 추출하세요. 타일된 자산으로 작업하는 게임 개발자와 디자이너를 위한 가이드.

    무료 도구를 사용해 보세요

    가입 불필요, 100% 로컬 처리.

    Séparer images 사용

    스프라이트 시트는 여러 게임 그래픽을 단일 이미지 파일로 결합해 로딩 성능을 향상시킵니다. 그러나 개별 스프라이트를 편집하거나 시트의 자산을 사용해야 할 때는 분할해야 합니다.

    스프라이트 시트 분할에는 정밀도가 필요합니다 - 게임 자산은 종종 픽셀 단위로 정확하며 정렬이 잘못되면 게임에 시각적 결함이 발생합니다.

    저희 도구는 16×16 픽셀 타일이든 더 큰 복잡한 스프라이트든 스프라이트 시트를 완벽하게 정렬된 개별 자산으로 분할합니다.

    광고

    스프라이트 시트 레이아웃 이해

    균일 그리드: 모든 스프라이트가 같은 셀 크기(예: 32×32 픽셀)를 차지하는 가장 일반적인 레이아웃.

    패킹된 시트: 스프라이트가 다양한 크기로 빽빽하게 패킹되며 종종 경계를 정의하는 메타데이터 포함.

    애니메이션 스트립: 가로 또는 세로로 배열된 애니메이션의 순차 프레임.

    스프라이트 치수 계산

    각 행과 열의 스프라이트를 세세요. 시트 치수를 스프라이트 수로 나누어 셀 크기를 얻습니다.

    16×16 스프라이트가 있는 512×512 시트의 경우 32 열과 32 행이 있습니다 (총 1024 스프라이트).

    패딩 주의 - 일부 시트는 텍스처 블리딩을 방지하기 위해 스프라이트 사이에 1-2 픽셀 간격 포함.

    패딩과 여백 처리

    스프라이트에 1px 패딩이 있으면 '32×32' 셀은 실제로 33×33입니다. 분할 구성에서 이를 고려하세요.

    분할 후 사용 사례에 따라 개별 스프라이트에서 패딩을 다듬어야 할 수 있습니다.

    저희 도구는 일관된 패딩을 고려할 수 있습니다 - 정확한 분할을 위해 셀 크기와 패딩을 별도로 지정하세요.

    추천 도구

    온라인에서 무료로 이미지를 여러 부분으로 분할

    온라인에서 무료로 이미지를 여러 동일한 부분으로 분할하세요. Instagram과 캐러셀에 이상적입니다. 로컬 처리로 빠르고 안전합니다....

    광고

    3단계로 하는 방법

    1

    스프라이트 시트 구조 식별: 셀 크기, 행/열 수, 패딩.

    2

    스프라이트 시트를 저희 분할 도구에 업로드합니다.

    3

    계산에 따라 그리드를 구성합니다(예: 16×16 그리드는 16열 × 16행).

    4

    개별 스프라이트를 생성합니다. 파일은 쉬운 참조를 위해 위치로 명명됩니다.

    5

    개별 스프라이트를 게임 엔진이나 편집 소프트웨어로 가져옵니다.

    전문가 팁

    • 원본을 보관하세요.
    • 여러 품질 설정을 테스트하세요.
    • 가능하면 WebP를 사용하세요.
    • 설명적인 파일명을 선택하세요.

    피해야 할 일반적인 실수

    • 행이나 열을 잘못 세어 스프라이트가 정렬되지 않음.
    • 패딩을 고려하지 않아 부분 테두리가 있는 스프라이트 발생.
    • 픽셀 아트에 손실 형식(JPEG) 사용으로 흐림 발생.
    • 일부 스프라이트 시트가 균일하지 않은 셀 크기를 사용한다는 것을 잊음.

    자주 묻는 질문

    사용해 볼 준비가 되셨나요?

    무료이며 가입 불필요, 개인정보를 존중합니다.

    Séparer images 사용
    광고