불규칙한 경계가 타들어 가듯 퍼지며 앞 장면을 지우고 다음 장면을 드러내는 전환An irregular edge burns outward, erasing the old scene and revealing the next, leaving a hot glow along the border.
노이즈 임계값이 1초 동안 0에서 1로 올라가며 타는 경계가 번지고, 경계 폭 화면의 1%에 주황색 빛이 남는다
경계 노이즈가 프레임마다 달라져 깜빡이거나, 발광색이 채도 100%라 화면이 조잡해 보인다
기본값은 클립에 쓴 값Defaults are the values used in the clip
| 항목PARAM | 기본DEFAULT | 범위RANGE | 메모NOTE |
|---|---|---|---|
| 전체 지속 | 1.0s | 0.7~1.5s | 진행률 0에서 1 |
| 시드 | 1 | 정수 | 고정 필수 |
| 발광 폭 | 화면의 1% | 0.5~2% | 경계 띠 두께 |
| 발광색 | #ff8a3d | 주황~황색 | 중심은 밝게 #ffd9a0 |
const u = { p: 0 };
tl.to(u, { p: 1, duration: 1.0, ease: 'power1.inOut', onUpdate: () => {
const t = u.p * 1.2 - 0.1; // 임계값
matte.setAttribute('tableValues', `0 ${t} ${t + 0.02} 1`);
} });그대로 붙여 넣는다Paste as is
<대상A>에서 <대상B>로 번 전환을 만들어줘. seed 1 고정 노이즈 마스크의 임계값을 1초 동안 power1.inOut으로 0에서 1로 올려 A를 태우며 B를 드러내고, 경계에 화면의 1% 폭으로 #ff8a3d 발광 띠를 넣어. Math.random은 쓰지 말고 진행값은 GSAP 상태 객체로 paused 타임라인에서 seek되게 해.
Build a burn transition from <targetA> to <targetB>. Raise a fixed-seed (seed 1) noise mask threshold from 0 to 1 over 1 second with power1.inOut to burn A away and reveal B, with a #ff8a3d glowing band about 1% of the frame wide at the edge. No Math.random; drive progress from a GSAP state object in one paused timeline that seeks.
<파일>에 burn transition을 적용해. 고정 seed=1 노이즈 임계값 progress를 1.0s, power1.inOut으로 0에서 1로 보간하고 임계값 근처 1% 폭에 #ff8a3d 발광을 합성한다. 0.3초, 0.5초, 0.8초 프레임에서 구멍이 확장하는지 확인하고 같은 시각을 두 번 캡처해 픽셀이 동일한지도 비교해.
Apply a burn transition in <file>. Tween a fixed seed=1 noise threshold from 0 to 1 over 1.0s with power1.inOut and composite a #ff8a3d glow across a 1% band near the threshold. Check that holes expand at 0.3, 0.5, and 0.8 seconds, and capture the same timestamp twice to confirm identical pixels.
HyperFrames · ReelForge · Scrolline
개념 출처와 라이선스. 구현은 이 레포에서 새로 씀Concept sources and licenses. Implementations are original to this repo