배경
Snow
눈송이가 살랑이며 내리는 배경. Canvas 2D 원 파티클이 깊이(depth)에 따라 크기·속도·색·투명도가 달라지며 낙하하고, sin 위상 기반 좌우 흔들림으로 살랑임을 표현한다. dt 기반 이동으로 프레임률과 무관하게 일정한 속도를 유지한다.
- 분류
- 배경
- 난이도
- easy
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/Snow-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| colorA | string | #C084FC | 눈송이 색(가까운 눈). Vivid Kit 기본 보라. |
| colorB | string | #EC4899 | 눈송이 보조 색(먼 눈). 깊이에 따라 A↔B 보간. 기본 핑크. |
| background | string | #08060E | 배경 색(근-블랙). |
| flakeCount | number | 220 | 동시 표시 눈송이 개수. |
| fallSpeed | number | 1 | 낙하 속도 배율(1 = 기본). |
| sway | number | 1 | 좌우 흔들림(살랑임) 진폭 배율(0이면 수직 낙하). |
| className | string | undefined | 추가 CSS 클래스. |