배경
Orbit
중심 주위를 여러 궤도로 도는 발광 입자 배경. 반경별로 각속도가 달라(안쪽 빠름) 케플러풍 회전을 연출하고, 얕은 타원 궤도(squash·tilt)로 원근감을 준다. additive 합성 글로우와 배경 반투명 페이드로 부드러운 트레일 잔상을 남기며, 옵션으로 중심 코어 광원을 표시한다. Canvas 2D + rAF 자작 구현.
- 분류
- 배경
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/Orbit-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| colorA | string | #C084FC | 발광 입자 그라데이션 첫 색(Vivid Kit 보라). |
| colorB | string | #EC4899 | 발광 입자 그라데이션 둘째 색(Vivid Kit 핑크). |
| background | string | #08060E | 배경 색(근-블랙). |
| ringCount | number | 5 | 동시에 존재하는 궤도 링 개수. |
| particlesPerRing | number | 3 | 궤도 링 하나당 도는 입자 개수. |
| speed | number | 1 | 회전 속도 배율(클수록 빠르게 공전). |
| intensity | number | 0.9 | 발광 세기(0~1, 클수록 밝고 겹침이 강함). |
| trail | number | 0.6 | 트레일 잔상 세기(0~1, 클수록 꼬리가 길게 남음). |
| showCore | boolean | true | 중심 코어 발광 표시 여부. |
| className | string | undefined | 캔버스에 적용할 추가 CSS 클래스. |