배경
Glow Orbs
부드러운 발광 구체들이 리사주 궤도로 유영하며 additive 합성으로 겹쳐 밝게 빛나는 Canvas 2D 배경. 각 구체는 방사형 글로우 + 흰빛 코어로 광원처럼 표현되고, 밝기 맥동(호흡)으로 천천히 밝아졌다 어두워진다.
- 분류
- 배경
- 난이도
- easy
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/GlowOrbs-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| colorA | string | #C084FC | 발광 구체 그라데이션 첫 색(Vivid Kit 보라). |
| colorB | string | #EC4899 | 발광 구체 그라데이션 둘째 색(Vivid Kit 핑크). |
| background | string | #08060E | 배경 색(근-블랙). |
| orbCount | number | 7 | 동시에 떠다니는 구체 개수. |
| speed | number | 1 | 부유 속도 배율(클수록 빠르게 움직임). |
| minRadius | number | 90 | 구체 최소 반지름(px). |
| maxRadius | number | 220 | 구체 최대 반지름(px). |
| intensity | number | 0.85 | 발광 세기(0~1, 클수록 밝고 겹침이 강해짐). |
| className | string | undefined | 캔버스에 적용할 추가 CSS 클래스. |