타일셋 가장자리 확장 · 텍스처 번짐을 막는 아틀라스 여백
필터링과 밉맵은 타일 바로 바깥을 샘플링해서 이웃 타일이 선처럼 번집니다. 가장자리 확장은 각 타일의 테두리 픽셀을 바깥으로 복사하는, Phaser·LÖVE·Defold·Unity 타일맵에서 쓰는 고전적인 해결책입니다.
타일셋 또는 반복 텍스처(PNG)를 끌어다 놓으세요
브라우저에서 처리하며 파일은 업로드되지 않습니다.
출력
- Tiles측정 확인· Pillow
- Padded atlas측정 확인· Pillow
- Seam report측정 확인· Pillow
이렇게 작동합니다
- 타일마다 9번 복사: 타일, 바깥으로 늘인 네 변, 네 모서리 픽셀.
- 여백과 간격이 있는 시트에서도 작동합니다(측정한 격자로 타일을 찾음).
- 출력: padded-atlas.png와 각 타일의 새 영역이 든 메타데이터.
- Chromium·Firefox에서 기록된 품질 점검: 기준 확장 결과와 바이트 동일(1×1 칸 포함).
사용 방법
- 타일셋을 끌어다 놓습니다.
- 격자를 확인합니다.
- 확장 폭을 정합니다(보통 1~2px).
- 여백 아틀라스와 메타데이터를 받습니다.
출력 파일과 검증 방법
"측정 확인"은 내려받은 파일을 페이지 밖에서(Pillow·numpy·별도 파서) 다시 열어 그 속성을 측정했다는 뜻입니다. 게임 엔진에서 불러오는 것은 시험하지 않았습니다.
| 대상 | 파일 | 검증 |
|---|---|---|
| Tiles | tiles/tile-NNN.png · metadata.json | 측정 확인 Pillow잘라 낸 모든 타일이 원본 영역과 픽셀 단위로 같습니다(여백·간격·빈 타일·중복 포함). |
| Padded atlas | padded-atlas.png | 측정 확인 Pillow가장자리 픽셀을 바깥으로 복제하며, 기록된 atlas-padding 품질 점검이 Chromium·Firefox에서 통과합니다. |
| Seam report | PNG (healed) · JSON measurements | 측정 확인 Pillow이어지는 타일은 이음새 없음, 그라데이션은 이음새 있음으로 보고하며, 고친 타일의 경계 차이는 최대 8단계입니다. |
검증 근거
합성 시트 10개 중 10개에서 실제 격자를 1순위로 감지(여백 1·간격 2 포함). 잘라 낸 타일 13/13이 원본 영역과 바이트 동일. 1600타일 자르기가 2.2초에 끝나고 취소할 수 있음. 이음새 판정은 타일 내부 기준으로 측정.
한계
- 규칙적인 격자만 지원하며, 4메가픽셀을 넘으면 타일 크기를 측정하지 않고 직접 입력합니다.
- 비슷한 타일 찾기는 픽셀 차이 기준이며 지각적 유사도가 아닙니다.
- "이음새 없애기"는 혼합 띠 안의 그림을 바꾸며 새로 그려 넣지 않습니다. 전후를 보여 줍니다.
- 2 × 2보다 작은 타일은 이음새를 잴 수 없습니다.
자주 묻는 질문
엔진의 타일 설정을 바꿔야 하나요?
네. 타일 사이가 벌어지므로 타일셋을 설정할 때 새 여백·간격(또는 메타데이터의 영역)을 쓰세요.
가장자리 번짐과 같은 건가요?
아닙니다. 확장은 아틀라스 속 각 타일 주위에 픽셀을 더하고, 번짐은 이미지 안의 투명 픽셀을 채웁니다.
무료인가요? 계정이 필요한가요?
이 페이지의 기능은 모두 무료이며 계정 없이 쓸 수 있습니다. 워터마크나 막혀 있는 내보내기가 없습니다.
스프라이트가 업로드되나요?
아니요. Studio는 이 브라우저 탭 안에서 디코딩·패킹·내보내기를 합니다. 프로젝트는 브라우저(IndexedDB)에 자동 저장되며 .nerulio 파일로 저장할 수 있습니다.
Aseprite나 엔진 플러그인을 설치해야 하나요?
아니요. .aseprite 파일은 브라우저에서 읽고 씁니다. 엔진별 번들에는 그 엔진에 필요한 것이 들어 있습니다(Godot는 가져오기 설정과 씬, Unity와 Godot 타일셋은 작은 편집기 스크립트).