배경
Wind Strings
가느다란 실선 다발이 바람에 흔들리듯 흐르는 Canvas 2D 배경. 각 가닥은 세로 라인으로, 이중 사인파로 x좌표를 변위시키고 아래로 갈수록 진폭을 키워 나부끼는 느낌을 낸다.
- 분류
- 배경
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/WindStrings-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| colorA | string | #C084FC | 실선 색상 램프 시작(왼쪽/뒤 가닥). |
| colorB | string | #EC4899 | 실선 색상 램프 끝(오른쪽/앞 가닥). |
| count | number | 22 | 그릴 실 가닥 수. |
| sway | number | 0.08 | 바람에 흔들리는 가로 진폭(컨테이너 너비 대비 비율, 0~1). |
| speed | number | 1.0 | 흐름/흔들림 속도 배율. |
| lineWidth | number | 1.4 | 실 두께(px). |
| className | string | undefined | 캔버스에 전달할 추가 CSS 클래스. |