배경
Wave Stack
겹겹의 사인파 라인이 위상차를 두고 흐르며 물결치는 배경. Canvas 2D로 여러 레이어를 기본파+저주파 변조파의 합으로 그려 자연스러운 물결을 만들고, 레이어별 기저선·진폭·색상 램프로 깊이감을 준다.
- 분류
- 배경
- 난이도
- easy
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/WaveStack-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| colorA | string | #C084FC | 파형 색상 램프 시작(상단/뒤 레이어). |
| colorB | string | #EC4899 | 파형 색상 램프 끝(하단/앞 레이어). |
| layers | number | 5 | 겹쳐 그릴 파형 레이어 수. |
| amplitude | number | 0.14 | 세로 진폭(컨테이너 높이 대비 비율, 0~1). |
| speed | number | 1.0 | 흐름 속도 배율. |
| lineWidth | number | 2 | 라인 두께(px). |
| className | string | undefined | 루트 canvas에 전달할 추가 클래스. |