스프라이트 시트 제작기, 자르기 및 애니메이션 도구

스프라이트 시트 및 텍스처 아틀라스

스프라이트 시트는 여러 애니메이션 프레임이나 게임 이미지를 하나의 이미지에 저장합니다. 일반 격자에서는 각 프레임을 셀 위치로 나타냅니다. 텍스처 아틀라스는 크기가 서로 다른 사각형을 사용할 수 있으며 각 이미지를 설명하는 좌표가 필요합니다. Godot의 AtlasTexture 문서(https://docs.godotengine.org/en/stable/classes/class_atlastexture.html)에서는 아틀라스의 영역을 텍스처로 사용하는 방법을 설명합니다.

아래쪽 가운데 정렬을 사용하면 프레임마다 캐릭터의 발이 같은 기준선에 놓입니다. 패킹된 선반은 각 이미지의 원래 크기를 유지하고 회전을 방지합니다. 2의 거듭제곱 크기를 사용하면 오른쪽이나 아래쪽에 사용하지 않는 픽셀이 추가되며, 아트워크 크기를 조정하지는 않습니다. PNG는 완전한 알파 투명도를 유지하지만 GIF는 색상이 더 적고 1비트 투명도만 지원합니다.

JSON 해시 좌표

JSON 해시 내보내기에서는 frames 아래에 프레임 이름을 키로 사용합니다. 각 항목에는 x, y, w, h가 포함된 프레임 사각형, sourceSize, spriteSourceSize, rotated 플래그와 trimmed 플래그가 있습니다. 좌표는 시트의 왼쪽 위 모서리에서부터 픽셀 단위로 계산합니다. meta 객체에는 이미지 파일 이름과 시트 전체 크기가 기록됩니다. Phaser의 JSON 해시 아틀라스 로더(https://docs.phaser.io/api-documentation/class/loader-loaderplugin#atlasJSONHash)에서는 이 이름이 지정된 프레임 형식을 설명합니다.

내보내는 파일은 패딩된 셀 영역이 아니라 원본 이미지 경계를 사용하며, trimmed와 rotated는 false로 설정합니다. 자르기를 사용하면 선택한 사각형 목록을 별도로 내보낼 수 있습니다. 가장자리를 딱 맞게 자르려는 경우에만 투명한 가장자리를 제거하고, 일정한 애니메이션 셀과 기준점을 유지하려면 이 기능을 끄십시오. 프로젝트에서 아틀라스를 사용하기 전에 저장된 사각형을 엔진의 가져오기 도구와 비교하십시오.

사용 방법

1. Make, Cut 또는 Animate를 선택합니다. 각 모드에는 북마크할 수 있는 링크가 있습니다.
2. 프레임 또는 시트를 추가한 다음 레이아웃, 자르기 격자 또는 애니메이션 설정을 조정합니다.
3. 결과를 미리 보고 게임 프로젝트에 사용할 파일을 다운로드합니다.

개인정보 보호 및 제한사항

파일은 브라우저에 그대로 남습니다. 업로드하지 않습니다.