윈드 와이프Wind Wipe

Wind Wipe

윈드 와이프

다른 이름Also known as · Wind streak wipe · 바람 줄무늬 와이프

211

렌더 추가 예정CLIP COMING윈드 와이프Wind Wipe정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 211. 윈드 와이프 · Wind Wipe · none

경계가 줄마다 다른 길이로 뻗어 바람에 흩날리는 선처럼 새 장면을 드러내는 와이프The edge extends a different length on each line, like streaks blown by wind, to reveal the new scene.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

속도감과 불규칙한 흐름. 줄무늬가 한 방향으로 쓸려 나간다Speed and irregular flow: stripes sweep off in one direction.

언제 쓰나Use whenUSE WHEN

속도감이 필요한 장면 이동에서
단순 직선 와이프가 딱딱할 때 결을 더하고 싶을 때

Scene moves that need speed.
Add texture when a straight wipe feels stiff.

과용 주의AvoidAVOID

줄 개수 24개 미만 금지(계단처럼 보인다)
난수는 시드 고정. Math.random 금지

분류TagsTAGS

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

화면이 세로 40개 줄로 나뉘어 각 줄이 시드 1로 고정된 시작 지연(0~0.2초)을 가지고 왼쪽에서 오른쪽으로 0.6초 동안 쓸려 새 장면을 드러낸다

과용 · 나쁜 사례OVERUSE

줄 높이가 커서 큰 계단처럼 보이거나, 지연 편차가 커 0.6초에 끝나지 않는다

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
전체 지속	0.6s	0.4~1.0s	선형
줄 개수	40	24~60	가로줄
최대 지연	0.2s	0.1~0.3s	시드 난수
방향	좌에서 우	4방향	reversed 가능

GSAP

const seed = (i) => ((Math.sin(i * 127.1 + 1) * 43758.5453) % 1 + 1) % 1;
document.querySelectorAll('.strip').forEach((el, i) =>
  tl.fromTo(el, { xPercent: -100 }, { xPercent: 0, duration: 0.4, ease: 'none' }, seed(i) * 0.2));

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상A>에서 <대상B>로 윈드 와이프를 만들어줘. B를 가로 줄 40개로 나눠 각 줄이 왼쪽에서 오른쪽으로 0.4초 동안 linear로 들어오되, 시작 지연은 시드 고정 값으로 0~0.2초에 분산해. 전체는 0.6초 안에 끝나고 Math.random은 쓰지 말고 paused 타임라인 하나로 만들어.

Build a wind wipe from <targetA> to <targetB>. Split B into 40 horizontal strips; each slides in from the left over 0.4 seconds with a linear ease, with start delays spread across 0 to 0.2 seconds from fixed seeded values. Everything finishes within 0.6 seconds. No Math.random, one paused timeline.

Codex

<파일>에 wind wipe를 적용해. .strip 40개를 xPercent -100에서 0으로 0.4s ease none, 시작 지연은 sin 해시로 계산한 0~0.2s. 0.2초에 줄마다 길이가 들쭉날쭉한지, 0.6초에 모든 줄이 도착했는지, 같은 시각을 두 번 캡처해 결과가 같은지 확인해.

Apply a wind wipe in <file>. Animate 40 .strip elements xPercent -100 to 0 over 0.4s with ease none, using start delays of 0 to 0.2s computed by a sin hash. Capture at 0.2 seconds to confirm ragged strip lengths, at 0.6 seconds to confirm all strips arrived, and capture the same time twice to confirm identical output.