이음매 없는 텍스처 만들기

이음매 없는 텍스처는 눈에 띄는 연결부 없이 반복되므로 3D 모델, 게임 레벨, 어떤 크기의 웹페이지 배경도 덮을 수 있습니다. 대부분의 사진은 타일이 되지 않습니다. 왼쪽 가장자리가 오른쪽 가장자리로 이어지지 않기 때문입니다. 이 도구는 이미지의 반대쪽 절반을 각 가장자리에 서서히 섞거나, 이미지를 대칭인 2 × 2 타일로 거울 반전해서 이 문제를 해결하고, 3 × 3 미리보기로 이음매와 반복되는 특징을 찾아볼 수 있게 합니다. 브라우저에서 실행됩니다.

사용 방법

1. 텍스처 사진을 고릅니다. 풀, 돌, 나무, 천처럼 조명이 고른 표면이 가장 좋습니다.
2. 가장자리 섞기(크기 유지)나 거울 반전(항상 이음매 없음, 2배 커짐)을 고릅니다.
3. 섞기를 쓸 때는 각 가장자리에서 서서히 섞이는 띠의 폭을 정합니다.
4. 3 × 3 미리보기를 확인한 뒤 타일을 내려받습니다. 오프셋 모드로 이음매를 살펴볼 수 있습니다.

계산식

T(x) = α(x) × I(x) + (1 − α(x)) × I(x + W/2), α = smoothstep(가장 가까운 가장자리까지의 거리 ÷ 띠 폭); 세로 방향에도 똑같이 적용

I는 이미지, W는 가로 폭이며 띠 폭은 섞는 폭 × W입니다. 맨 가장자리에서 α는 0이므로 타일에는 이동한 사본이 보이고, 그 사본의 왼쪽과 오른쪽 가장자리는 이미지 가운데에서 서로 이웃한 픽셀이라서 타일이 됩니다. 띠보다 안쪽에서는 α가 1이어서 원본이 그대로 남습니다. 세로 처리는 가로 처리의 결과에 적용되므로 두 방향 모두 타일이 됩니다. 거울 반전은 이미지와, 가로·세로·양방향으로 뒤집은 이미지를 2 × 2 격자에 배치합니다.

예시

1024 × 1024 텍스처에서 띠 폭을 25%로 하면 각 변의 바깥쪽 256 px이 섞이고, 가운데 512 × 512 px은 그대로 남습니다. 그러면 열 0에는 원본의 열 512가, 열 1023에는 열 511이 주로 보이는데, 서로 이웃한 열이라서 타일이 반복될 때 이음매가 없습니다.