애니메이션
Pulse Rings
커서 위치를 중심으로 동심원 링들이 확장·페이드하며 맥동하는 Canvas2D 파문 효과.
- 분류
- 애니메이션
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/PulseRings-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| ringsPerSpawn | number | 3 | 한 번에 스폰되는 동심 링(파문 겹) 개수. |
| expandSpeed | number | 1 | 링 확장 속도 배율(클수록 빨리 퍼짐). |
| fadeSpeed | number | 0.012 | 링이 사라지는 속도(클수록 빨리 페이드). |
| lineWidth | number | 2 | 링 선 두께(px). |
| pulseRings | number | 3 | 커서에 상주하며 사인파로 호흡하는 앰비언트 맥동 링 개수(0=끔). |
| glow | boolean | true | 링에 발광(shadow blur) 글로우 적용 여부. |