배경
God Rays
한 지점(광원)에서 방사형으로 뻗어 나오는 신의 광선(god rays)이 노이즈로 부드럽게 흔들리는 WebGL 셰이더 배경. 각도 기반 방사 마스크 + 자작 값 노이즈 fbm 흔들림 + 거리 감쇠로 유동적인 빛줄기를 그린다.
- 분류
- 배경
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/GodRays-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| colorA | string | #C084FC | 광선 시작 색(중심). |
| colorB | string | #EC4899 | 광선 끝 색(외곽). |
| background | string | #08060E | 근-블랙 배경색. |
| originX | number | 0.5 | 광원 X 위치 (0~1 UV 좌표). |
| originY | number | -0.1 | 광원 Y 위치 (0~1 UV 좌표, 음수는 화면 위쪽). |
| rayCount | number | 24 | 광선 개수(밀도). 값이 클수록 광선이 촘촘. |
| wobble | number | 0.6 | 노이즈 흔들림 세기. |
| speed | number | 0.6 | 애니메이션 속도. |
| intensity | number | 1.0 | 전체 밝기. |
| className | string | undefined | 컨테이너 추가 클래스. |