glitch

glitch 란?

• 컴퓨터 그래픽/코딩에서 glitch는 시각적으로 의도하지 않은 깨짐, 번쩍임, 왜곡, 안 맞는 출력을 모두 포괄하는 용어입니다.

• Web에서 흔히 만나는 glitch 예시

  • SVG 선 끝에 marker(화살촉)를 썼을 때 marker가 아예 안 보이거나, 크기가 이상하게 보임

  • 그라데이션 stroke에서 화살촉(마커)이 gradient 색상과 어색하게 합성됨

  • SVG stroke가 애니메이션 중에 갑자기 뚝 끊겨 보이는 현상

  • WebGL/Canvas에서 노이즈, 픽셀 틀어짐, 라인이나 이미지가 엉뚱하게 출력됨

한국어 표현

• "그래픽 깨짐"

• "시각적 오류"

• "글리치 현상"

• "비주얼 버그"

• "엉뚱하게 보인다/색이 뒤섞인다"

등으로 번역할 수 있습니다.

glitch의 예시(gradient + marker 문제)

• SVG에서 stroke="url(#linear-gradient)"와 marker(화살촉)를 같이 쓸 때

  일부 브라우저(특히 사파리/IE 등)나 SVG 렌더러가

  • marker 내부 색상을 stroke 대신 fill로 해석하거나

  • marker 위치가 선 끝에 정확히 안 맞는다거나

  • marker가 안 보인다거나

  • 색이 gradient와 뒤섞여 의도와 다르게 표시되는 경우

  → 이런 현상을 “marker glitch”, "SVG glitch"라고 부릅니다.

• 즉, 정상 출력이 안 되는 모든 예상 못 한 화면 오류가 glitch!

glitch는 “코드 상으론 맞는데, 이상하게 깨지거나 색이 이상하거나 부분이 보이지 않거나 하는 ‘시각적/렌더링 오류’”