배경
Foil Flow
금속 액체가 일렁이는 WebGL 셰이더 배경. fbm 노이즈로 표면 높이장을 두 번 워핑해 명암을 왜곡하고, 가상 법선 기반 프레넬과 좁은 sin 밴드로 크롬 하이라이트 스트라이프를 얹는다.
- 분류
- 배경
- 난이도
- hard
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/FoilFlow-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| colorDark | string | #08060E | 크롬 표면의 어두운 골(그림자) 색. |
| colorTintA | string | #C084FC | 크롬에 물든 1차 색조(중간 톤). |
| colorTintB | string | #EC4899 | 크롬에 물든 2차 색조(반사 하이라이트). |
| scale | number | 2.4 | 액체 결의 촘촘함(값이 클수록 잔물결 증가). |
| speed | number | 1.0 | 일렁이는 속도. |
| metalness | number | 1.0 | 금속 광택(크롬 하이라이트) 세기. |