배경
Pulse Sphere
중앙에서 맥동하며 빛나는 발광 구체. 방사형 글로우 램프에 표준 value noise + fbm 기반 표면 흔들림과 사인 맥동을 더한 WebGL 풀스크린 셰이더 배경.
- 분류
- 배경
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/PulseSphere-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| colorCore | string | #EC4899 | 구체 코어 색 (안쪽 하이라이트). |
| colorGlow | string | #C084FC | 구체 외곽 글로우 색 (방사형 램프 바깥). |
| background | string | #08060E | 근-블랙 배경. |
| radius | number | 0.3 | 구체 반지름 (0~1, 화면 짧은 축 기준). |
| pulse | number | 0.04 | 맥동 강도 (반지름 진동 폭). |
| wobble | number | 0.08 | 표면 흔들림 강도 (노이즈 왜곡 폭). |
| speed | number | 1.0 | 전체 애니메이션 속도. |
| className | string | undefined | 컨테이너에 적용할 추가 CSS 클래스. |