스프라이트 시트 → GIF 사용 방법
- 스프라이트 시트를 넣습니다. 프레임 사이의 빈 공간을 보고 열, 행, 프레임 크기를 자동으로 감지합니다.
- 필요하면 그리드(열, 행, 프레임 크기, 여백, 간격)를 수정합니다.
- 프레임 범위를 고르고 빈 칸 건너뛰기를 켠 다음 FPS, 핑퐁, 반복 횟수를 설정합니다.
- 배율과 배경(투명 또는 단색)을 고릅니다.
- GIF를 내려받거나, 모든 프레임을 PNG로 묶은 ZIP을 내려받습니다.
결과물
- 움직이는 GIF(투명 또는 배경 합성)
- 선택한 프레임을 번호순 PNG로 담은 ZIP
게임을 만들며 얻은 팁
- 시트에서 프레임을 클릭하면 범위를 빠르게 정할 수 있습니다. 시작 프레임보다 앞을 클릭하면 시작이, 그 외에는 끝이 이동합니다.
- GIF의 지연 시간은 10 ms 단위로 저장되므로 12 FPS(83 ms)는 일부 뷰어에서 80 ms로 재생됩니다. 10, 20, 25, 50 FPS는 정확하게 맞습니다.
- GIF 투명도는 1비트입니다. 반투명 가장자리는 50%를 기준으로 잘리므로, 스프라이트에 부드러운 그림자가 있다면 배경색에 합성하세요.
- SNS에 올리기 전에 크기를 키우세요. 많은 사이트가 작은 GIF를 리사이즈하면서 흐릿하게 만듭니다.
활용 사례
- 아티스트나 AI 도구가 만든 애니메이션 시트 미리보기
- Discord, X, itch.io에 걷기·공격 사이클 공유
- 움직이는 이모트와 스티커 만들기
- 엔진에 가져오기 전 타이밍 점검
자주 묻는 질문
그리드는 어떻게 감지하나요?
프레임 사이에 완전히 비어 있는(또는 배경색인) 열과 행을 찾습니다. 프레임이 서로 붙어 있으면 시트 높이를 기준으로 정사각형 프레임이라고 가정합니다. 숫자는 언제든 직접 고칠 수 있습니다.
GIF에서 투명도가 유지되나요?
네, GIF의 1비트 투명도로 유지됩니다. 알파가 50% 이하인 픽셀은 투명해집니다. 가장자리가 부드럽다면 '단색 배경'을 사용하세요.
색상이 정확히 보존되나요?
네, 전체 프레임에서 쓰인 색이 255개 이하라면 그대로 보존됩니다. 픽셀 아트라면 보통 이 범위 안입니다. 그보다 많으면 인코더가 줄인 팔레트를 만듭니다.
핑퐁이 뭔가요?
애니메이션을 앞으로 재생한 뒤 거꾸로 재생합니다(1-2-3-2). 숨쉬는 대기 동작이나 둥둥 떠 있는 루프에 유용합니다.
프레임 수 제한이 있나요?
정해진 제한은 없지만, 아주 큰 시트를 높은 배율로 내보내면 파일이 커집니다. 내보낸 뒤 파일 크기가 표시됩니다.
시트가 업로드되나요?
아니요. GIF는 브라우저에서 인코딩됩니다.