얇고 밝은 선과 골이 계속 접히고 퍼지며 신경망이나 혈관 같은 망 구조를 만든다Thin bright lines and valleys keep folding and spreading into a web like neurons or veins.
어두운 남색 바탕에 폭 0.03UV의 밝은 선이 0.2/s 속도로 천천히 접히고 퍼지며, 전경 제목은 그 위에서 또렷이 읽힌다
대비를 1.0으로 올리고 속도를 1.0/s 이상으로 빠르게 돌려 눈이 피로하고 제목이 묻힌다
기본값은 클립에 쓴 값Defaults are the values used in the clip
| 항목PARAM | 기본DEFAULT | 범위RANGE | 메모NOTE |
|---|---|---|---|
| 스케일 | 3 | 2~5 | 클수록 선이 촘촘함 |
| 선 폭 | 0.03UV | 0.02~0.05UV | 좁은 밝기 띠의 폭 |
| 시간 속도 | 0.2/s | 0.1~0.4/s | 느릴수록 고급스러움 |
| 대비 | 0.75 | 0.5~0.85 | 배경일 때는 낮게 |
const u = { t: 0 };
tl.to(u, { t: 1.2, duration: 6, ease: 'none',
onUpdate: () => mat.uniforms.uTime.value = u.t }, 0); // 0.2/s x 6s
// GLSL: p = uv * 3.0; for (i<6) p += sin(p.yx * 1.7 + uTime) * 0.6; v = smoothstep(0.03, 0.0, abs(sin(p.x + p.y)));그대로 붙여 넣는다Paste as is
<대상> 뒤에 뉴로 노이즈 배경을 WebGL로 만들어줘. 스케일 3, 선 폭 0.03UV, 시간 속도 0.2/s, 대비 0.75, 색은 진남색 바탕에 청록 선으로 6초 동안 재생하고, uTime은 GSAP 타임라인 tween 하나로만 구동해.
Build a neuro noise background behind <target> in WebGL. Scale 3, line width 0.03 UV, time speed 0.2/s, contrast 0.75, teal lines on a deep navy base, 6 seconds. Drive uTime from a single GSAP timeline tween.
<파일>에 neuro-noise 프래그먼트 셰이더를 추가해. 스케일 3, 선 폭 0.03UV, 속도 0.2/s, 대비 0.75, 6초, ease none. uTime은 timeline progress로만 갱신한다. 0초, 3초, 6초를 캡처해 선 굵기가 균일하고 무늬가 서서히 변하는지, 전경 제목이 가독성을 유지하는지 확인해.
Add a neuro-noise fragment shader to <file>: scale 3, line width 0.03 UV, speed 0.2/s, contrast 0.75, 6 seconds, ease none. Update uTime from timeline progress only. Capture at 0s, 3s and 6s and verify line thickness is uniform, the pattern evolves slowly, and the foreground title stays legible.
HyperFrames · ReelForge · Scrolline
개념 출처와 라이선스. 구현은 이 레포에서 새로 씀Concept sources and licenses. Implementations are original to this repo