배경
Shape Wave
원·사각·삼각 도형이 격자로 배치되어, 중심에서 퍼지는 웨이브에 맞춰 회전·스케일·색이 동시에 물결치는 Canvas2D 배경.
- 분류
- 배경
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/ShapeWave-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| colorA | string | #C084FC | 파동 저점 쪽 도형 색상 (브랜드 퍼플). |
| colorB | string | #EC4899 | 파동 중간 위상 도형 색상 (브랜드 핑크). |
| colorC | string | #5EEAD4 | 파동 정점에서 번지는 강조 색상 (브랜드 민트). |
| cellSize | number | 54 | 도형 격자 간격(px). 클수록 도형이 성기게, 작을수록 촘촘하게 배치(밀도). |
| speed | number | 1.4 | 파동 진행 속도. 클수록 회전·스케일이 빠르게 물결침. |
| wavelength | number | 220 | 파동 파장(px). 밝은 물결 사이 간격. |