배경
Spring Grid
Canvas2D 점 그리드가 훅 법칙 스프링으로 원위치에 묶여 있다가, 포인터 근처에서 밀려난 뒤 자작 Verlet 적분으로 원점을 지나쳐 몇 번 진동(오버슈트)하며 정착합니다.
- 분류
- 배경
- 난이도
- hard
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/SpringGrid-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| gap | number | 34 | 점 사이 간격(px). |
| stiffness | number | 0.08 | 스프링 강성(훅 법칙 k). 클수록 빠르게 원위치로 복귀. |
| radius | number | 130 | 포인터 반발이 미치는 반경(px). |
| push | number | 3.4 | 포인터가 점을 밀어내는 가속 세기. |
| bgColor | string | "#08060E" | 배경 색상(근-블랙). |
| className | string | undefined | 루트 요소에 추가할 CSS 클래스. |