배경
Voronoi Spotlight
Canvas2D 보로노이 시드 배경에서 스포트라이트 반경 안에 든 셀만 발광 채움과 인접 경계(수직이등분선 근사) 아웃라인을 그리는 포인터 인터랙션 배경(rAF). 포인터가 없을 때는 중앙에 기본 스포트라이트가 유지되고, 셀은 느리게 드리프트한다. WebGL 미사용.
- 분류
- 배경
- 난이도
- hard
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/VoronoiSpotlight-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| cells | number | 28 | 보로노이 셀(시드) 개수(4~120 클램프). |
| radius | number | 200 | 스포트라이트 반경(px). |
| glowColor | string | #C084FC | 발광 셀 채움 색(스포트라이트 안). |
| edgeColor | string | #5EEAD4 | 셀 경계 아웃라인 강조 색. |
| background | string | #08060E | 배경(near-black) 색상. |
| speed | number | 1 | 셀 드리프트 속도 계수. |
| className | string | undefined | 추가 CSS 클래스. |