배경
Swirl
소용돌이 보텍스로 색이 빨려드는 WebGL 셰이더. 극좌표 회전 왜곡(중심에 가까울수록 강하게 감김)과 안쪽 흡입 흐름에 value 노이즈 기반 fbm 나선 결을 더해, 근-블랙 바탕 위로 핑크·퍼플 색이 코어로 감겨드는 배경을 만든다.
- 분류
- 배경
- 난이도
- hard
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/Swirl-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| colorA | string | #EC4899 | 소용돌이 중심으로 빨려드는 안쪽 색(코어 근처). |
| colorB | string | #C084FC | 바깥으로 흩어지는 바깥쪽 색(휘도 높은 결). |
| colorBg | string | #08060E | 배경 근-블랙(보텍스가 앉는 어두운 바탕). |
| swirl | number | 1.0 | 소용돌이 회전 세기(값이 클수록 강하게 감김). |
| scale | number | 2.6 | 노이즈 결의 촘촘함(값이 클수록 잔결 증가). |
| speed | number | 1.0 | 회전/유동 속도. |
| className | string | undefined | 컨테이너에 전달할 추가 CSS 클래스. |