글리치 전환Glitch Transition

Glitch Transition

글리치 전환

다른 이름Also known as · Glitch displacement · 글리치 변위 · Block RGB glitch · 블록 RGB 글리치 · Parametric glitch · 매개 파형 글리치 · Flicker ghost glitch · 점멸 잔상 글리치

163

도판Fig. 163. 글리치 전환 · Glitch Transition · steps(11)

재생 속도Speed

영상 블록이 순간적으로 어긋나고 색 채널이나 잔상이 깨지는 동안 다음 장면으로 교체된다Video blocks momentarily misalign and color channels or ghosts break apart while the scene is replaced.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

신호가 깨지는 순간의 충격. 거칠고 디지털한 톤의 컷을 만든다Creates a signal-error look and a rough transition shock.

언제 쓰나Use whenUSE WHEN

기술, 사이버, 해킹 톤의 영상에서 장면을 거칠게 끊어 넘길 때
숏폼 오프닝의 첫 컷에서 시선을 붙잡을 때

When cutting roughly between scenes in a tech, cyber, or hacking tone
To grab attention on the first cut of a short-form opener

과용 주의AvoidAVOID

지속은 600ms 이하로 둔다(길면 오류처럼 보임)
난수는 시드 고정. 프레임 번호에서 계산한다

분류TagsTAGS

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

450ms 동안 화면 블록이 최대 화면 폭 4%까지 어긋나고 RGB가 1.4% 갈라지다가, 중간(225ms)에 다음 장면으로 바뀐 뒤 안정된다

과용 · 나쁜 사례OVERUSE

글리치가 1초 이상 이어져 불안하게 보이거나, 매 프레임 난수라 재생할 때마다 결과가 달라진다

파라미터Parameters

기본값은 클립에 쓴 값Defaults are the values used in the clip

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
지속	450ms	300~600ms	짧을수록 충격이 큼
블록 변위	화면 폭 4%	2~6%	최대값, 중간에 정점
RGB 오프셋	화면 폭 1.4%	0.8~2%	R은 +, B는 -
프레임 단계	24fps	12~30fps	계단식으로 갱신
시드	1	고정 정수	재현성

GSAP

const h = i => Math.abs(Math.sin(i * 127.1 + 1) * 43758.5) % 1; // 시드 해시
for (let f = 0; f < 11; f++) {
  const k = 1 - Math.abs(f - 5) / 5;               // 정점 f=5
  tl.set('.blk', { x: (h(f) - 0.5) * 2 * 77 * k }, f / 24);
  tl.set('.r', { x: 27 * k }, f / 24).set('.b', { x: -27 * k }, f / 24);
}
tl.set('.next', { autoAlpha: 1 }, 5 / 24);

라이브 소스 열기Open live source 소스 코드Source README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상> 장면 전환에 글리치 전환을 넣어줘. 총 450ms, 24fps 계단으로 진행하고, 블록 x 변위는 최대 77px(화면 폭 4%), R 채널 +27px, B 채널 -27px(1.4%)로 정점은 225ms. 난수는 프레임 번호로 계산하는 시드 해시만 쓰고 225ms 시점에 다음 장면으로 교체해. GSAP paused 타임라인으로 seek 가능하게 만들어줘.

Add a Glitch Transition to <target>. Total 450ms stepped at 24fps. Block x displacement up to 77px (4% of width), R channel +27px, B channel -27px (1.4%), peaking at 225ms. Use only a seeded hash of the frame number for randomness, and swap to the next scene at 225ms. Keep it on a paused GSAP timeline so it seeks deterministically.

Codex

<파일>에 글리치 전환을 구현해. f=0..10, k=1-|f-5|/5, 블록 x=(h(f)-0.5)*2*77*k, .r x=27k, .b x=-27k, 시각 f/24. 5/24초에 .next를 표시. 0.1초, 0.21초, 0.3초, 0.45초 시점을 캡처해 정점에서 어긋남이 최대인지, 0.45초에 변위와 RGB 분리가 0인지, 두 번 렌더해도 프레임이 같은지 확인해.

Implement Glitch Transition in <file>. Frames f=0..10, k=1-|f-5|/5, block x=(h(f)-0.5)*2*77*k, .r x=27k, .b x=-27k at time f/24; show .next at 5/24s. Capture at 0.1s, 0.21s, 0.3s, and 0.45s to confirm displacement peaks mid-transition, is 0 at 0.45s, and that two renders produce identical frames.