장면이나 흑백 보조 이미지의 밝기 순서에 따라 영역들이 다음 장면으로 교체되는 와이프Regions swap to the next scene in the brightness order of the footage itself or a grayscale helper image.
0.85초 동안 임계값이 0에서 1로 올라가며 보조 명도 맵의 어두운 곳부터 뒤 장면이 열리고 경계는 softness 0.08로 부드럽다
명도 맵이 대비가 낮아 전환이 전체가 한꺼번에 일어나거나, softness 0이라 톱니 경계가 튄다
기본값은 클립에 쓴 값Defaults are the values used in the clip
| 항목PARAM | 기본DEFAULT | 범위RANGE | 메모NOTE |
|---|---|---|---|
| 전체 지속 | 0.85s | 0.6~1.4s | 임계값 0에서 1 |
| softness | 0.08 | 0.03~0.2 | 경계 폭 |
| 명도 맵 | 1장 | 그라디언트/텍스처/로고 | 흑백 |
| 반전 | false | 밝은 곳부터 열기 |
const u = { t: 0 };
tl.to(u, { t: 1, duration: 0.85, ease: 'power1.inOut', onUpdate: () => {
// GLSL: m = smoothstep(t - 0.08, t, luma(map)); out = mix(B, A, m)
shader.set('threshold', u.t * 1.08 - 0.04);
} });그대로 붙여 넣는다Paste as is
<대상A>에서 <대상B>로 루마 와이프를 만들어줘. <맵 파일>의 명도를 기준으로 임계값을 0.85초 동안 power1.inOut으로 0에서 1로 올려, 어두운 픽셀부터 B가 열리게 해. 경계 softness는 0.08, 임계값은 GSAP 상태 객체에서 읽어 paused 타임라인에서 seek되게 해.
Build a luma wipe from <targetA> to <targetB>. Using the luminance of <mapFile>, raise a threshold from 0 to 1 over 0.85 seconds with power1.inOut so B opens from the darkest pixels first. Edge softness 0.08. Read the threshold from a GSAP state object in one paused timeline that seeks.
<파일>에 luma wipe를 적용해. threshold를 0에서 1로 0.85s power1.inOut 보간하고 셰이더에서 m = smoothstep(t-0.08, t, luma(map))으로 A와 B를 mix한다. 0.3초, 0.5초, 0.7초 캡처로 맵의 어두운 곳부터 열리는지, 0.85초에 B 전체인지 확인해.
Apply a luma wipe in <file>. Tween threshold 0 to 1 over 0.85s with power1.inOut and mix A and B with m = smoothstep(t-0.08, t, luma(map)) in the shader. Capture at 0.3, 0.5, and 0.7 seconds to confirm it opens from the map's dark areas first, and at 0.85 seconds to confirm the frame is fully B.
HyperFrames · ReelForge · Scrolline
개념 출처와 라이선스. 구현은 이 레포에서 새로 씀Concept sources and licenses. Implementations are original to this repo