배경

Light Streaks

빛줄기들이 화면을 사선으로 빠르게 가로지르는 배경. Canvas 2D 선형 그라디언트 스트릭 라인에 가산 혼합(lighter) 발광과 반투명 잔상을 적용해 유성 같은 광선 흐름을 만든다. 원근 깊이(depth)로 각 줄기의 속도·길이·굵기·색·밝기를 일괄 스케일해 다층 흐름을 표현하며, prefers-reduced-motion과 SSR에 안전하다.

분류: 배경
난이도: medium
변형: TS-TW

설치

npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/LightStreaks-TS-TW

Props

이름	타입	기본값	설명
colorNear	string	#C084FC	근-빛줄기 색(빠르고 밝은 앞쪽 줄기).
colorFar	string	#EC4899	원-빛줄기 색(느리고 옅은 뒤쪽 줄기).
background	string	#08060E	배경 색(근-블랙).
streakCount	number	90	동시 표시 빛줄기 개수.
speed	number	1	이동 속도 전체 배율.
angle	number	32	사선 각도(도, 수평=0, 45=우하향 대각선).
trail	number	0.72	가산 혼합 잔상 강도. 0=선명, 1에 가까울수록 긴 광선 꼬리.
className	string	undefined	캔버스에 적용할 추가 CSS 클래스.