배경
Slanted Beams
위에서 아래로 흐르는 사선 빛줄기(light beams)가 은은히 쓸고 지나가는 WebGL 셰이더 배경. 자작 값 노이즈 fbm으로 밴드 폭과 밝기를 흔들고, 세로 그라데이션 컬러 램프와 가장자리 비네팅을 더했다.
- 분류
- 배경
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/SlantedBeams-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| colorA | string | #C084FC | 밝은 빛줄기 색(그라데이션 상단). |
| colorB | string | #EC4899 | 어두운 빛줄기 색(그라데이션 하단). |
| count | number | 9 | 빛줄기 개수(주파수). 클수록 촘촘한 밴드. |
| tilt | number | 0.6 | 밴드 사선 기울기. 0=수직, 값이 클수록 더 눕는다. |
| speed | number | 1 | 위→아래 흐름 속도. |
| intensity | number | 1 | 전체 밝기 세기. |
| className | string | undefined | 컨테이너에 전달할 추가 클래스. |