애니메이션
Filament Flow
여러 개의 사인파를 합성한 빛나는 실 가닥들이 좌우로 흐르며 커서 주변에서 그 쪽으로 부드럽게 휘어지는 Canvas2D 인터랙티브 배경.
- 분류
- 애니메이션
- 난이도
- hard
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/FilamentFlow-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| count | number | 14 | 흐르는 실 가닥(스트랜드)의 개수 (2~60로 클램프). |
| speed | number | 1 | 가닥이 좌우로 흐르는 기본 속도 배수 (0~4). |
| amplitude | number | 26 | 사인 웨이브의 기본 진폭(px). 결의 굽이 크기 (4~80). |
| influence | number | 150 | 커서 영향 반경(px). 이 안의 가닥이 커서 쪽으로 휨. |
| glow | boolean | true | 선 글로우(shadowBlur 발광) 및 커서 코어 광원 적용 여부. |
| lineWidth | number | 1.6 | 실 가닥의 기본 선 굵기(px, 가닥별 배수 적용). |