색과 밝기의 일부가 반전된 고대비 상태를 지나 다음 장면으로 바뀐다The scene passes through a high-contrast state with part of the colors and brightness inverted, then changes to the next scene.
600ms 동안 밝기 임계 0.5 이상 색이 반전된 고대비 상태로 들어갔다가, 중간에 다음 장면으로 바뀌고 반전이 풀린다
반전 세기가 최대인 채 오래 유지돼 눈이 피로하거나, 임계값이 낮아 화면 전체가 네거티브가 된다
기본값은 클립에 쓴 값Defaults are the values used in the clip
| 항목PARAM | 기본DEFAULT | 범위RANGE | 메모NOTE |
|---|---|---|---|
| 지속 | 600ms | 450~800ms | linear |
| 임계값 | 0.5 | 0.4~0.6 | 밝기 |
| 반전 세기 최대 | 진행 50% | 40~60% | sin 곡선 |
| 대비 | 1.4 | 1.2~1.6 | 고대비 |
| 채도 | 1.2 | 1~1.4 |
const s = { p: 0 };
tl.to(s, { p: 1, duration: 0.6, ease: 'none', onUpdate: () => {
const k = Math.sin(Math.PI * s.p);
gsap.set(['.prev', '.next'], { filter: `invert(${k * 0.85}) contrast(${1 + 0.4 * k}) saturate(${1 + 0.2 * k})` });
} }, 0);
tl.set('.prev', { autoAlpha: 0 }, 0.3).set('.next', { autoAlpha: 1 }, 0.3);그대로 붙여 넣는다Paste as is
<대상> 장면 전환에 솔라리제이션 디졸브를 넣어줘. p 0에서 1을 0.6초 linear로 진행하고 k=sin(pi*p)에 맞춰 두 장면에 filter invert(k*0.85) contrast(1+0.4k) saturate(1+0.2k)를 걸어줘. 0.3초에 .prev를 숨기고 .next를 표시. p만 보간해 paused 타임라인에서 seek 가능하게 해.
Add a Solarized Dissolve to <target>. Run p from 0 to 1 over 0.6s with linear ease and apply filter invert(0.85k) contrast(1+0.4k) saturate(1+0.2k) to both scenes with k = sin(pi*p). Swap .prev for .next at 0.3s. Only p is interpolated, so a paused timeline seeks exactly.
<파일>에 솔라리제이션 디졸브를 구현해. p 0에서 1, 0.6초 none, filter invert(0.85k) contrast(1+0.4k) saturate(1+0.2k), k=sin(pi*p), 0.3초 장면 교체. 0.15초, 0.3초, 0.45초, 0.6초 시점을 캡처해 정점(0.3초)에서 반전이 최대인지, 0.6초에 필터가 초기값인지 확인해.
Implement Solarized Dissolve in <file>. p 0 to 1 over 0.6s ease none; filter invert(0.85k) contrast(1+0.4k) saturate(1+0.2k) with k=sin(pi*p); swap scenes at 0.3s. Capture at 0.15s, 0.3s, 0.45s, and 0.6s to confirm inversion peaks at 0.3s and filters are back to defaults at 0.6s.
HyperFrames · ReelForge · Scrolline
개념 출처와 라이선스. 구현은 이 레포에서 새로 씀Concept sources and licenses. Implementations are original to this repo