가로 띠와 세로 틈이 찢기고 이전 영상 잔해가 늘어 붙으며 다음 화면으로 바뀐다Horizontal strips and vertical slits tear, old footage residue smears, and the next screen takes over.
600ms 동안 가로 띠 42개가 서로 다른 거리로 밀려 나가고, 이전 영상의 잔해가 62% 세기로 늘어 붙었다가 다음 화면에 자리를 내준다
띠가 균일하게 밀려 단순 슬라이드처럼 보이거나, 잔해와 노이즈가 너무 세서 다음 장면이 읽히지 않는다
기본값은 클립에 쓴 값Defaults are the values used in the clip
| 항목PARAM | 기본DEFAULT | 범위RANGE | 메모NOTE |
|---|---|---|---|
| 지속 | 600ms | 450~800ms | linear |
| 가로 띠 수 | 42 | 24~60 | 띠별 밀림 거리 다름 |
| 세로 틈 수 | 18 | 8~24 | 찢어지는 균열 |
| 잔해 세기 | 0.62 | 0.4~0.7 | 이전 프레임 잔상 |
| 색 분리 | 화면 폭 3.2% | 2~4% | RGB 오프셋 |
const h = i => Math.abs(Math.sin(i * 91.7 + 3) * 43758.5) % 1;
for (let i = 0; i < 42; i++) {
tl.to(`.bar-${i}`, { x: (h(i) - 0.5) * 300, duration: 0.6, ease: 'none' }, 0);
tl.to(`.bar-${i}`, { opacity: 0, duration: 0.2 }, 0.4);
}
tl.to('.residue', { opacity: 0.62, duration: 0.3, yoyo: true, repeat: 1, ease: 'none' }, 0);그대로 붙여 넣는다Paste as is
<대상> 장면 전환에 데이터모시 전환을 넣어줘. 이전 장면을 가로 띠 42개로 복제해 각 띠를 시드 해시로 정한 -150에서 +150px 사이 거리로 0.6초 동안 linear로 밀고, 0.4초부터 0.2초간 opacity를 0으로 낮춰. 이전 프레임 잔해 레이어는 opacity 0.62까지 올렸다 내려. 난수는 시드 고정 해시만 쓰고 paused 타임라인으로 seek 가능하게 해.
Add a Datamosh Transition to <target>. Duplicate the previous scene into 42 horizontal strips; push each by a seeded-hash offset between -150 and +150px over 0.6s with linear ease, and fade each out over 0.2s starting at 0.4s. Bring a residue layer up to opacity 0.62 and back. Use only a seeded hash for randomness and keep it on a paused, seekable GSAP timeline.
<파일>에 데이터모시 전환을 구현해. 띠 42개 x=(h(i)-0.5)*300, duration 0.6 linear, 0.4초부터 opacity 0. .residue는 0.62까지 올라갔다 내려오는 yoyo. 0.15초, 0.3초, 0.45초, 0.6초 시점을 캡처해 띠마다 밀림이 다른지, 0.6초에 잔해와 띠가 남지 않는지 확인해.
Implement Datamosh Transition in <file>. 42 strips with x=(h(i)-0.5)*300, duration 0.6 linear, opacity to 0 from 0.4s. .residue yoyos to 0.62 and back. Capture at 0.15s, 0.3s, 0.45s, and 0.6s to confirm each strip is displaced differently and that no residue or strips remain at 0.6s.
HyperFrames · ReelForge · Scrolline
개념 출처와 라이선스. 구현은 이 레포에서 새로 씀Concept sources and licenses. Implementations are original to this repo