배경
Light Curtain
화면 가장자리 광원에서 안쪽으로 뻗어나오며 흐르는 방사 광선 커튼 배경으로, 마우스가 광선의 쏠림 방향을 실시간으로 끌어당긴다.
- 분류
- 배경
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/LightCurtain-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| edge | "left" | "right" | "top" | "bottom" | "left" | 광원 라인이 붙는 화면 가장자리 (광선이 이 변에서 안쪽으로 뻗어나온다). |
| rayCount | number | 20 | 광선 개수(커튼 밀도). 값이 클수록 광선 줄무늬가 촘촘해진다. |
| speed | number | 0.6 | 광선의 흐름/흔들림 애니메이션 속도. |
| intensity | number | 1.0 | 광선 전체 밝기 배율. |
| mouseInfluence | number | 0.35 | 마우스 포인터가 광선 흐름 방향을 끌어당기는 정도(0이면 반응 없음). |
| colorA | string | "#C084FC" | 가장자리 근처 광선 시작 색(브랜드 보라). |