광택 있는 천 같은 주름이 천천히 움직이며 빛과 그림자가 흐르는 배경 질감Glossy cloth-like folds drift slowly while light and shadow flow along them.
진한 자주색 비단 주름이 8초에 걸쳐 천천히 이동하고 하이라이트가 결을 따라 흘러 앞의 제품이 돋보인다
주름 대비가 커서 물결 무늬가 요란하거나, 이동이 빨라 물속 같은 인상이 되어 고급감이 사라진다
기본값은 클립에 쓴 값Defaults are the values used in the clip
| 항목PARAM | 기본DEFAULT | 범위RANGE | 메모NOTE |
|---|---|---|---|
| 주기 | 8s | 6~12s | 루프 한 바퀴 |
| 주름 밀도 | 8 | 5~12 | 방향성 노이즈 주파수 |
| 속도 | 0.2 | 0.1~0.3 | UV 이동 배율 |
| 대비 | 0.4 | 0.25~0.55 | 명암 폭 |
| 하이라이트 | 0.5 | 0.3~0.7 | 스페큘러 세기 |
const u = { t: 0 };
tl.to(u, { t: 8, duration: 8, ease: 'none', onUpdate: draw }, 0);
// GLSL: float w = sin(dot(uv, dir)*8.0 + fbm(uv*1.5 + t*0.05)*4.0 + t*0.2);
// vec3 col = base * (0.6 + contrast * w) + spec * pow(max(w, 0.0), 6.0);그대로 붙여 넣는다Paste as is
<대상> 배경에 비단 주름 흐름을 넣어줘. 진한 자주색 바탕에 방향성 노이즈 주름을 주파수 8, 속도 0.2, 대비 0.4로 그리고 주름 마루에 밝은 하이라이트를 얹어. 8초에 걸쳐 일정한 속도로 천천히 흐르게(ease none) 하고, 제품 이미지가 놓일 오른쪽 40%는 대비를 낮춰줘. 시간은 paused 타임라인 값 하나로만 구동해.
Add a silk flow to the background of <target>. Deep purple base with directional-noise folds at frequency 8, speed 0.2, contrast 0.4, and a bright highlight on the fold crests. Flow at constant speed (ease none) over 8 seconds, and lower the contrast in the right 40% where the product image sits. Drive time with a single paused-timeline value.
<파일>의 배경 캔버스에 silk 셰이더를 추가해. w = sin(dot(uv,dir)*8 + fbm(uv*1.5+t*0.05)*4 + t*0.2), 색 = base*(0.6+0.4*w) + spec*pow(max(w,0),6). t는 8초 선형 tween. 0초·4초·8초를 캡처해 주름이 부드럽게 이동하고 오른쪽 40% 영역의 대비가 낮은지 확인해.
Add a silk shader to the background canvas in <file>. w = sin(dot(uv,dir)*8 + fbm(uv*1.5+t*0.05)*4 + t*0.2); color = base*(0.6+0.4*w) + spec*pow(max(w,0),6). Tween t linearly over 8 s. Capture 0 s, 4 s and 8 s to confirm smooth fold drift and low contrast in the right 40%.
HyperFrames · ReelForge · Scrolline
개념 출처와 라이선스. 구현은 이 레포에서 새로 씀Concept sources and licenses. Implementations are original to this repo