배경
Dot Swell
점 격자가 두 사인 파의 합성으로 깊이감 있게 물결치며, 마루/골에 따라 도트의 크기·밝기·색이 보라에서 핑크, 정점의 민트로 변조되는 Canvas2D 배경.
- 분류
- 배경
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/DotSwell-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| colorNear | string | #C084FC | 얕은 파(마루) 도트 색. 기본 보라. |
| colorFar | string | #EC4899 | 깊은 파(골) 도트 색. 기본 핑크. |
| colorPeak | string | #5EEAD4 | 마루 최정점 강조 색. 기본 민트. |
| gap | number | 26 | 점 사이 간격(px). 작을수록 촘촘한 격자. |
| speed | number | 1 | 파동 진행 속도 배율(시간 스케일). |
| amplitude | number | 0.7 | 파동 진폭. 깊이 변조 세기(0~1 권장). |