효과Effects / 질감·스타일Texture & Style / Nº 485

슬릿 스캔Slit Scan

Slit Scan

슬릿 스캔

다른 이름Also known as · Slit scan · Time Displacement · 시간 변위

485

렌더 추가 예정CLIP COMING슬릿 스캔Slit Scan정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 485. 슬릿 스캔 · Slit Scan · power2.out

행이나 열마다 시간을 다르게 샘플링해 이미지를 물결치듯 늘이고 휘게 하는 효과Each row or column is sampled at a different time so the image stretches and curves like a wave.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

시간이 공간으로 펼쳐지는 초현실적 느낌을 준다. 2001 스타게이트 같은 우주적 분위기를 만든다Makes time unfold across space in a surreal way and evokes cosmic, stargate-like atmosphere.

언제 쓰나Use whenUSE WHEN

초현실 전환이나 타임워프 장면을 표현할 때
인물이나 로고를 시간 왜곡으로 늘려 인상적으로 지울 때

For surreal transitions or time-warp scenes
To erase a person or logo through time distortion in a memorable way

과용 주의AvoidAVOID

지속 2초 초과 금지
행 지연 최대 200ms 초과 금지(이미지가 무엇인지 알 수 없음)

분류TagsTAGS

질감·스타일Texture & Style 분위기Mood 전환Transition 주목 끌기Attention 숏폼Short-form 설명 영상Explainer video 난이도 고급Advancedcanvas

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

이미지의 각 행이 2ms씩 늦게 샘플링되어 1.2초 동안 위에서 아래로 물결이 퍼지며 서서히 원본으로 돌아온다

과용 · 나쁜 사례OVERUSE

지연을 전 행에 균일하게 주어 단순 이동으로 보이거나, 2초 이상 유지해 원본이 계속 왜곡된다

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
행 시간차	2ms	1~4ms	행 index x 시간차
지연 감소	1200ms	800~1800ms	지연이 0으로 수렴
프레임 버퍼	72프레임	48~96프레임	약 3초 분량 링버퍼
방향	위에서 아래	상하/좌우	슬릿 축
곡선	sine	sine/linear	행 지연 분포

GSAP

// 링버퍼 frames[]에 최근 프레임 저장, 행 y는 지연 d(y)만큼 과거 프레임에서 복사
for(let y=0;y<H;y++){ const d=Math.round((y/H)*maxDelay*(1-p)); // p: 0..1
 ctx.drawImage(frames[(head-d+N)%N],0,y,W,1,0,y,W,1);}
// 정적 이미지면 행마다 sin(y*0.02+t)*amp*(1-p) 만큼 x 이동으로 근사

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<이미지>에 슬릿 스캔 효과를 넣어줘. 캔버스에서 각 행 y마다 sin(y*0.02+t)로 만든 x 이동을 주되, 진폭을 60px에서 0으로 1.2초 동안 power2.out으로 줄여 원본으로 돌아오게 해. 위에서 아래로 위상이 2ms씩 늦어지는 느낌으로 행 위상차를 줘. 난수 없이 progress 순수 함수로 그려 seek 가능하게 해.

Add a slit-scan effect to <image>. On a canvas, shift each row y in x by sin(y*0.02+t), with amplitude decaying from 60px to 0 over 1.2s using power2.out so it returns to the original. Give rows a phase lag from top to bottom of about 2ms each. No randomness; draw as a pure function of progress so it is seekable.

Codex

<파일>에 slit-scan 캔버스 근사를 구현해. 행 위상 sin(y*0.02+t), 진폭 60px에서 0, 지속 1200ms, ease power2.out. 0초, 0.4초, 0.8초, 1.3초를 캡처해 물결이 위에서 아래로 퍼지는지, 진폭이 줄어드는지, 1.3초에 원본과 픽셀 일치하는지 확인해.

Implement a slit-scan canvas approximation in <file>: row phase sin(y*0.02+t), amplitude 60px to 0, duration 1200ms, ease power2.out. Capture at 0s, 0.4s, 0.8s, and 1.3s to verify the wave travels top to bottom, amplitude shrinks, and 1.3s matches the original pixel for pixel.