글리치 이미지 만들기

글리치 아트는 디지털 그림이 깨지는 모습을 흉내 냅니다. 색 채널이 어긋나고, 픽셀 줄이 옆으로 밀리고, 밝은 영역이 정렬된 줄무늬로 번지고, 손상된 JPEG 데이터가 네모난 색 오류를 만듭니다. 이 도구는 이 모든 효과를 각각의 세기로 이미지에 적용합니다. 무작위 시드 덕분에 결과를 다시 똑같이 만들 수 있어, 마음에 드는 글리치를 잃지 않고 설정 하나만 바꿔 볼 수 있습니다. 브라우저에서 실행되며 여러 이미지를 한 번에 처리합니다.

사용 방법

1. 이미지를 하나 이상 고릅니다.
2. RGB 분리와 밀리는 조각의 수와 크기를 정합니다.
3. 필요하면 픽셀 정렬, JPEG 손상, 스캔 라인, 노이즈를 켭니다.
4. 무늬가 마음에 들 때까지 시드를 바꿉니다. 같은 시드는 항상 같은 결과를 줍니다.
5. PNG(원본 그대로) 또는 JPG(더 작음)로 내려받습니다.

계산식

RGB 분리: R′(x) = R(x − d), B′(x) = B(x + d) · 스캔 라인: 각 주기의 뒤쪽 절반에서 값 × (1 − 세기)

효과는 조각, RGB 분리, 픽셀 정렬, JPEG 손상, 스캔 라인, 노이즈 순서로 적용됩니다. 조각 하나는 높이의 최대 8%이고 가로의 선택한 비율까지 밀리며 반대편으로 이어집니다. 픽셀 정렬은 밝기(0.299R + 0.587G + 0.114B)가 기준 이상인 픽셀 구간을 찾아 각 구간을 어두운 쪽에서 밝은 쪽으로 정렬합니다. 스캔 라인 주기는 높이 540 px마다 2 px입니다. JPEG 손상은 스캔 시작 표시 뒤의 바이트를 최대 40개 바꾸고, 브라우저가 파일을 읽을 수 있을 때까지 다시 시도합니다. 투명한 영역은 PNG 출력에서 투명하게 유지되고(손상은 흰 배경 위 사본에서 처리한 뒤 투명도를 되돌립니다), JPG 출력에서는 흰색 위에 놓입니다.

예시

RGB 분리를 8 px로 하면 검은 바탕의 흰 선은 오른쪽에 빨간 가장자리, 왼쪽에 파란 가장자리가 각각 8 px 폭으로 생기고, 두 사본이 겹치는 곳만 흰색으로 남습니다. 높이 1080 px 사진에서 스캔 라인 주기는 2 × round(1080 ÷ 540) = 4 px이며, 일반 줄 두 개와 어두운 줄 두 개가 반복됩니다.