무채색 잡음이 화면을 잠깐 덮거나 장면과 섞인 뒤 다음 장면이 나타난다Gray noise covers the screen briefly or blends with the scene before the next one appears.
500ms 동안 잡음 opacity가 0에서 1로 올라 100ms 정점에서 장면을 바꾸고, 다시 0으로 빠지며 다음 장면이 나타난다
잡음 정점이 너무 길어 화면이 죽어 보이거나, 프레임마다 시드가 같아 노이즈가 멈춰 보인다
기본값은 클립에 쓴 값Defaults are the values used in the clip
| 항목PARAM | 기본DEFAULT | 범위RANGE | 메모NOTE |
|---|---|---|---|
| 지속 | 500ms | 300~700ms | 전체 |
| 정점 유지 | 100ms | 80~150ms | 장면 교체 지점 |
| 잡음 opacity | 1 | 0.8~1 | 정점 |
| 시드 | 프레임 번호 | 고정 함수 | 프레임마다 변화 |
| 오디오 | 화이트 노이즈 120ms | 80~150ms | 정점에 맞춤 |
tl.to('.static', { opacity: 1, duration: 0.2, ease: 'power1.in' }, 0);
tl.set('.prev', { autoAlpha: 0 }, 0.2).set('.next', { autoAlpha: 1 }, 0.2);
tl.to('.static', { opacity: 0, duration: 0.2, ease: 'power1.out' }, 0.3);
// 잡음 타일 위치는 프레임 f마다 (f * 37) % 64 로 이동그대로 붙여 넣는다Paste as is
<대상> 장면 전환에 TV 노이즈 전환을 넣어줘. 전체 500ms에서 .static을 200ms 동안 opacity 0에서 1로 올리고, 200ms 시점에 장면을 교체한 뒤 300ms부터 200ms 동안 0으로 내려. 잡음은 프레임 번호를 시드로 그린 캔버스를 쓰고 Math.random은 쓰지 마. 타임라인 하나로 seek 가능하게 해.
Add a TV Static Transition to <target>. Over 500ms, raise .static opacity from 0 to 1 in 200ms, swap scenes at 200ms, then lower it back to 0 over 200ms starting at 300ms. Draw the noise on a canvas seeded by the frame number and avoid Math.random. Keep it on one seekable GSAP timeline.
<파일>에 TV 노이즈 전환을 구현해. .static opacity 0에서 1 (0~0.2초, power1.in), 0.2초에 .prev를 숨기고 .next를 표시, 0.3초부터 0.2초간 0으로. 잡음은 프레임 시드 캔버스. 0.1초, 0.2초, 0.3초, 0.5초 시점을 캡처해 정점에서 전체가 잡음인지, 0.5초에 잡음이 없는지, 두 번 렌더해도 같은 프레임인지 확인해.
Implement TV Static Transition in <file>. .static opacity 0 to 1 over 0 to 0.2s (power1.in), hide .prev and show .next at 0.2s, then fade to 0 over 0.2s from 0.3s. Noise is a frame-seeded canvas. Capture at 0.1s, 0.2s, 0.3s, and 0.5s to confirm full noise at the peak, none at 0.5s, and identical frames across two renders.
HyperFrames · ReelForge · Scrolline
개념 출처와 라이선스. 구현은 이 레포에서 새로 씀Concept sources and licenses. Implementations are original to this repo