배경
Satin Warp
부드러운 실크천이 흐르는 듯한 WebGL 셰이더 배경. 자작 값 노이즈 fbm에 이중 도메인 워핑을 적용해 천이 접히고 흐르는 유동적 명암을 만들고, 방향 미분 기반 능선과 새틴 광택 줄무늬로 실크 특유의 광택을 표현한다.
- 분류
- 배경
- 난이도
- hard
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/SatinWarp-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| colorA | string | #08060E | 실크 명암 흐름의 어두운 색(그림자 골). |
| colorB | string | #C084FC | 실크 하이라이트 색(빛이 닿은 능선). |
| scale | number | 2.2 | 천 주름의 촘촘함(값이 클수록 잔주름 증가). |
| speed | number | 1.0 | 흐름 속도. |
| sheen | number | 1.0 | 명암 대비 강도(광택 세기). |
| className | string | undefined | 컨테이너에 전달할 추가 CSS 클래스. |