중심 주변 화면이 휘고 빛이 고리로 모였다 새 화면으로 풀리는 전환The frame bends around the center, light gathers into a ring, and it resolves into the new frame.
1.2초 동안 렌즈 반경 0.35 안쪽 화면이 중심으로 휘어 모이며 고리 형태의 빛이 생기고, 정점에서 뒤 장면으로 풀린다
굴절 강도가 커서 중심 화면이 완전히 알아볼 수 없이 늘어지거나, 고리 밝기가 너무 세어 번쩍인다
기본값은 클립에 쓴 값Defaults are the values used in the clip
| 항목PARAM | 기본DEFAULT | 범위RANGE | 메모NOTE |
|---|---|---|---|
| 전체 지속 | 1.2s | 0.8~1.8s | 정점은 50% |
| 렌즈 반경 | 0.35 | 0.2~0.5 | 화면 짧은 변 대비 |
| 변위 강도 | 0.1 | 0.05~0.15 | 중심에서 거리 역함수 |
| 고리 밝기 | +25% | +10~40% | 고리 근처에만 |
const u = { k: 0 };
tl.to(u, { k: 1, duration: 0.6, ease: 'sine.in', onUpdate: () => lens.set(u.k * 0.1) })
.set('.a', { display: 'none' })
.to(u, { k: 0, duration: 0.6, ease: 'sine.out', onUpdate: () => lens.set(u.k * 0.1) });그대로 붙여 넣는다Paste as is
<대상A>에서 <대상B>로 중력 렌즈 전환을 만들어줘. 중심 50% 50%, 렌즈 반경 0.35, 변위 강도는 0.6초 동안 0에서 0.1로(sine.in) 올라가고 그 시점에 B로 교체된 뒤 0.6초 동안 0으로(sine.out) 내려가게 해. 고리 밝기는 +25%로 제한하고 값은 GSAP 상태 객체에서 읽어 paused 타임라인에서 seek되게 해.
Build a gravitational lens transition from <targetA> to <targetB>. Center at 50% 50%, lens radius 0.35. Raise displacement strength from 0 to 0.1 over 0.6 seconds (sine.in), swap to B at that point, then lower it back to 0 over 0.6 seconds (sine.out). Limit ring brightness to +25%, read values from a GSAP state object, and keep it in one paused timeline that seeks.
<파일>에 gravitational lens 전환을 넣어. 변위 강도 0에서 0.1 (0.6s, sine.in), 0.6초에 장면 교체, 0.1에서 0 (0.6s, sine.out)으로 보간한다. 0.3초, 0.6초, 0.9초 캡처로 중심 왜곡과 고리가 커졌다 사라지는지, 1.2초에 원본 프레임과 동일한지 픽셀 비교로 확인해.
Add a gravitational lens transition to <file>. Tween displacement strength 0 to 0.1 (0.6s, sine.in), swap scenes at 0.6 seconds, then 0.1 to 0 (0.6s, sine.out). Capture at 0.3, 0.6, and 0.9 seconds to confirm central distortion and ring grow then fade, and at 1.2 seconds compare pixels against the original frame to confirm they match.
HyperFrames · ReelForge · Scrolline
개념 출처와 라이선스. 구현은 이 레포에서 새로 씀Concept sources and licenses. Implementations are original to this repo