반복 타일 이음새 검사

2×2·3×3 반복 미리보기와 좌우·상하 경계 차이로 이음새를 확인하고 고쳐 보세요.

텍스처가 이음새 없이 반복되려면 오른쪽 끝 열이 왼쪽 첫 열로, 맨 아래 행이 맨 위 행으로 이어져야 합니다. 검사기는 바로 그 경계 쌍을 재고, 축마다 타일 안 평범한 이웃 줄 사이의 같은 차이와 나란히 보고합니다. "평균 23"은 텍스처 자체의 변화와 비교할 때만 의미가 있기 때문입니다. 2 × 2·3 × 3 반복, 가장자리 히트맵, 축별 판정을 보여 주고, 반 타일 이동 후 교차 혼합으로 이음새를 없앨 수도 있는데 이때 혼합 띠 안의 그림이 바뀝니다.

이미지을(를) 여기에 놓으세요여러 개를 한 번에 처리할 수 있습니다

업로드 없음 · 이 기기에서 처리

이음새를 재는 방법

검사기는 행마다 마지막 픽셀과 첫 픽셀(가로 경계), 열마다 맨 아래 픽셀과 맨 위 픽셀(세로 경계)을 비교합니다. 두 픽셀의 차이는 알파를 포함한 네 채널 차이 중 가장 큰 값(0~255)입니다. 축마다 평균과 최대값, 히트맵용 줄별 값이 나옵니다.

기준은 타일 안에서 이웃한 모든 열(또는 행) 쌍 사이의 평균 차이입니다. 경계 평균이 max(2, 1.25 × 이웃 평균) 이하면 그 축은 통과이고, 두 축이 모두 통과하면 이음새 없음으로 판정합니다. 그래서 경계 차이가 21단계인 거친 돌 텍스처는 통과하고(이웃도 21만큼 다름), 252만큼 튀는 부드러운 그라데이션은 실패합니다(이웃은 4만큼 다름). 히트맵도 같은 이웃 평균으로 눈금을 맞추므로 이음새 없는 타일이 새빨갛게 칠해지지 않고 어둡게 남습니다.

이음새 없애기는 타일을 가로·세로 절반만큼 옮겨 기존 경계가 가운데에서 만나게 한 뒤, 그 가운데 선 양쪽 띠를 반 칸 옮긴 복사본과 부드러운 가중치로 교차 혼합합니다. 띠는 기본 타일의 12%(64px 타일이면 8px)이고 0~64px로 정할 수 있습니다. 새 경계는 구조상 이어지지만, 대신 가운데에 섞인 십자가 생기고 큰 무늬가 겹쳐 보일 수 있습니다. 새로 그려 넣는 것은 없습니다.

경계 쌍: 타일이 반복될 때 맞닿는 두 줄: 마지막 열과 첫 열, 맨 아래 행과 맨 위 행.
이웃 평균: 타일 안 이웃한 줄 사이의 평균 차이. 텍스처 자체의 변화.
비율: 경계 평균 ÷ 이웃 평균. 1 근처면 보이지 않고 63이면 뚜렷한 이음새.
혼합 띠: 옮겨진 이음새 양쪽에서 이음새 없애기가 교차 혼합하는 띠.

예시: 실패하는 그라데이션과 통과하는 노이즈 타일

두 타일 모두 64 × 64입니다. 검사기가 보고하는 숫자입니다.

램프 타일      회색 0 → 252, 왼쪽에서 오른쪽으로(열마다 +4), 모든 행 동일
가로           63번 열(252)과 0번 열(0): 평균 252, 최대 252
이웃 평균      4.00 → 비율 252 / 4 = 63; 한계 max(2, 4 × 1.25) = 5 → 이음새
세로           행이 모두 같음: 경계 0, 이웃 0 → 통과
이음새 없애기  이동 32, 32; 띠 round(64 × 0.12) = 8px → 경계 평균 4, 이웃 5.78, 비율 0.69 → 이음새 없음
노이즈 타일    값 96~160: 경계 평균 20.8 / 18.8, 이웃 평균 21.5 → 비율 0.97 / 0.87 → 이음새 없음

노이즈 타일은 고친 램프보다 경계 차이가 크지만 내부도 그만큼 변하므로 통과합니다. 날것의 숫자 하나에 임계값을 걸면 두 경우를 모두 틀리게 판정합니다.

결과 확인

3 × 3 반복의 가운데를 100%와 200%로 봅니다. 경계를 따라 선, 밝기 단차, 질감 밀도 변화가 없어야 합니다.
두 축을 모두 읽습니다. 비율이 1 근처나 그 이하이고, 히트맵에 한 변 전체를 따라 밝은 띠가 없어야 합니다.
이음새 없애기 뒤에는 혼합 띠 안에서 무늬가 겹치지 않는지 전후를 비교하고 판정을 다시 확인합니다.
받은 PNG를 엔진의 넓은 반복 표면에 입히고 카메라를 이음새 위로 움직여 봅니다.

문제 해결

증상	유력한 원인	확인 방법	해결
검사기는 이음새 없음인데 게임에서 선이 보임	엔진이 반복 대신 가장자리 고정(clamp)으로 샘플링하거나, 밉맵·압축이 가장자리 텍셀을 바꿈	같은 확대에서 3 × 3 미리보기와 게임 비교, 밉맵을 끄고 시험	엔진 샘플러 설정에서 텍스처를 반복(wrap)으로, 압축된 텍스처도 확인
가장자리가 투명한 스프라이트에 이음새가 잡힘	차이에 알파가 포함되고, 투명한 가장자리와 불투명한 가장자리는 실제로 크게 다름	이 타일이 반복될 용도인지 확인	스프라이트라면 결과를 무시. 이 검사는 반복 텍스처와 타일용
이음새 없애기 뒤 가운데에 흐리거나 겹친 십자가 남음	교차 혼합이 띠 안에서 텍스처의 서로 다른 부분을 섞음	가운데 선 주변의 전후 비교	고급 설정에서 띠를 좁히거나, 이미지 편집기에서 가운데를 다시 그리기
통과했는데 표면이 누가 봐도 반복돼 보임	눈에 띄는 무늬가 타일 주기로 되풀이됨. 이음새가 아니라 반복 문제	3 × 3 미리보기를 멀리서 보기	더 큰 텍스처, 여러 변형 타일, 데칼로 무늬를 깨기

다른 방법

방법	이럴 때 더 낫습니다
이미지 편집기에서 절반 이동 후 십자 부분을 직접 다시 그리기	혼합이 아니라 실제로 그려야 하는 이음새(균열, 판자 경계)일 때.
텍스처를 만든 도구에서 타일링 옵션으로 내보내기	절차적 도구나 재질 도구로 만든 텍스처일 때. 도구 자체의 타일링으로 나중에 고칠 필요가 없습니다. 노멀맵은 반복 노멀맵의 이음새 참고.

이 방법의 한계

판정은 경계의 픽셀 차이를 잽니다. 눈에 띄는 반복이나 타일 안에서 바뀌는 조명은 찾지 못합니다.
고친 PNG만 저장되며 측정값은 화면에만 표시됩니다.

버전과 출처

docs/TILE-LAB.md와 tests/game-seams.test.mjs에서 측정했습니다. 이어지는 코사인 타일은 비율 1.3 미만으로 이음새 없음, 램프는 평균 240 초과·비율 20 초과로 이음새 있음이었고, 이음새 없애기 뒤 평균은 8 미만으로 떨어졌습니다. 위 예시는 같은 모듈로 다시 계산했습니다(64px 램프와 시드 고정 노이즈 타일).