반복된 세로 굴곡이 배경을 늘리고 접으며 옆으로 천천히 이동하는 골 유리Repeated vertical flutes stretch and fold the background as they drift sideways.
골 18개가 배경을 좌우 0.025UV씩 굴절시키며 5초 동안 초당 0.04UV로 옆으로 흘러 빛의 결이 이동한다
골 수가 40개 이상이라 잔줄무늬가 되거나 왜곡이 0.06UV를 넘어 배경이 알아볼 수 없다
기본값은 클립에 쓴 값Defaults are the values used in the clip
| 항목PARAM | 기본DEFAULT | 범위RANGE | 메모NOTE |
|---|---|---|---|
| 골 수 | 18 | 10~28 | 화면 폭 기준 |
| 왜곡 | 0.025UV | 0.015~0.04 | 좌우 굴절 |
| 이동 | 0.04UV/s | 0.02~0.08 | 옆 방향 |
| 그림자 | 0.2 | 0.1~0.3 | 골 사이 명암 |
| 지속 | 5s | 4~8s | 루프 |
const u = { t: 0 };
tl.to(u, { t: 5, duration: 5, ease: 'none', onUpdate: draw }, 0);
// GLSL: float x = fract(uv.x * 18.0 + t * 0.04 * 18.0); float n = x * 2.0 - 1.0; // 골 안 위치 -1..1
// uv.x += n * 0.025; float shade = 1.0 - 0.2 * n * n; col = texture(tex, uv).rgb * shade;그대로 붙여 넣는다Paste as is
<대상> 배경에 골 유리 효과를 넣어줘. 화면을 세로 골 18개로 나누고 골 안 위치 n(-1~1)만큼 UV를 좌우 0.025 이동시켜 굴절시키며, 골 가장자리로 갈수록 n^2*0.2만큼 어둡게 해. 골 패턴은 5초 동안 초당 0.04UV로 옆으로 흘러. 패널 위 텍스트는 이 효과 밖에 둬.
Add a fluted glass effect to the background of <target>. Divide the frame into 18 vertical flutes, shift the UV sideways by 0.025 times the in-flute position n (-1 to 1) to refract, and darken toward flute edges by n^2*0.2. The pattern drifts sideways at 0.04UV per second over 5 seconds. Keep panel text outside the effect.
<파일>의 배경 캔버스에 fluted 셰이더를 추가해. x=fract(uv.x*18+t*0.04*18), n=x*2-1, uv.x+=n*0.025, shade=1-0.2*n*n. t는 5초 선형 tween. 0초·2.5초·5초 캡처로 세로 골이 일정 간격으로 보이고 옆으로 이동하며 배경 색이 유지되는지 확인해.
Add a fluted shader to the background canvas in <file>. x=fract(uv.x*18+t*0.04*18); n=x*2-1; uv.x+=n*0.025; shade=1-0.2*n*n. Tween t linearly over 5 s. Capture 0 s, 2.5 s and 5 s to confirm evenly spaced vertical flutes that drift sideways while the background colors remain.
HyperFrames · ReelForge · Scrolline
개념 출처와 라이선스. 구현은 이 레포에서 새로 씀Concept sources and licenses. Implementations are original to this repo