배경
Lens Grid
커서 근처에서 격자가 렌즈처럼 방사 방향으로 왜곡되며 강조색으로 빛나는 OGL 셰이더 배경.
- 분류
- 배경
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/LensGrid-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| colorLine | string | #C084FC | 격자 라인 기본 색 (Vivid 보라). |
| colorGlow | string | #EC4899 | 커서 렌즈 근처에서 번지는 강조/발광 색 (Vivid 핑크). |
| density | number | 18 | 격자 밀도. 값이 클수록 칸이 촘촘해진다. |
| distortion | number | 0.12 | 커서 렌즈의 왜곡 세기(격자가 방사 방향으로 휘어지는 정도). |
| radius | number | 0.35 | 커서 렌즈의 영향 반경 (0~1, 화면 대각 비율). |
| speed | number | 0.6 | 격자의 은은한 자체 호흡(흐름) 속도. |