배경
Noise Gradient
입자감(grain)이 얹힌 유동 그라데이션 배경. 자작 WebGL fbm 값 노이즈로 좌표를 도메인 워핑하여 바이올렛→마젠타 그라데이션이 천천히 흐르고, 시간마다 흔들리는 필름 그레인을 더한다.
- 분류
- 배경
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/NoiseGradient-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| colorA | string | #C084FC | 그라데이션 시작색(바이올렛). |
| colorB | string | #EC4899 | 그라데이션 끝색(마젠타). |
| speed | number | 1.0 | 유동 그라데이션 흐름 속도. |
| warp | number | 1.4 | 도메인 워핑 강도. 그라데이션이 얼마나 뒤틀려 흐르는지 조절. |
| grain | number | 0.1 | 필름 입자감 세기(0=없음). |
| className | string | undefined | 컨테이너에 전달할 추가 클래스. |