배경
Bokeh Lights
흐릿한 보케 빛망울이 위로 부유하며 밝기가 천천히 숨쉬는 Canvas2D 배경. 각 원은 방사형 그라데이션과 얇은 링 하이라이트로 렌즈 아웃포커스 느낌을 흉내내고, additive 합성으로 겹칠수록 밝게 합산된다.
- 분류
- 배경
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/BokehLights-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| count | number | 18 | 부유하는 보케 빛망울 개수. |
| colors | string[] | ["#C084FC", "#EC4899", "#5EEAD4"] | 빛망울 색 후보 배열(보라·마젠타·틸). 스폰 시 무작위 선택. |
| background | string | #08060E | 배경 색(근-블랙). |
| speed | number | 1 | 부유 속도 배율(클수록 빠르게 흐름). |
| className | string | undefined | 루트 캔버스에 적용할 추가 CSS 클래스. |