배경
CRT Scanlines
레트로 CRT 모니터를 흉내낸 오버레이 배경. 수평 주사선, 천천히 흐르는 롤링 밴드, 화면 전체 플리커, 가장자리 비네팅, 필름 그레인 노이즈, 미세 색수차를 프래그먼트 셰이더로 합성한다.
- 분류
- 배경
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/CRTScanlines-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| background | string | #08060E | 근-블랙 화면 배경(주사선 뒤). |
| colorA | string | #C084FC | 주사선/발광 틴트 A (형광 발색 그라디언트 상단). |
| colorB | string | #EC4899 | 주사선/발광 틴트 B (형광 발색 그라디언트 하단, 색수차 글로우). |
| scanlineCount | number | 180 | 세로 방향 주사선 개수(화면 높이 기준). 값이 클수록 라인이 촘촘. |
| scanlineIntensity | number | 0.7 | 주사선 대비(0=거의 없음, 1=강한 명암). |
| flickerStrength | number | 0.03 | 화면 전체 밝기 플리커 세기(0=꺼짐). |
| vignetteStrength | number | 0.55 | 비네팅(가장자리 어둠) 세기. |
| noiseStrength | number | 0.06 | 필름/센서 노이즈(그레인) 세기. |
| rollSpeed | number | 0.08 | 롤링 밴드(수직으로 흐르는 밝은 띠) 속도. 0이면 정지. |
| className | string | undefined | 컨테이너에 전달할 추가 CSS 클래스. |