배경
Pixel Noise
픽셀 단위로 색이 명멸하는 애니메이션 노이즈 배경. 화면을 정수 격자로 양자화한 뒤 (셀 좌표, 이산 시간 스텝)을 씨앗으로 자작 해시 노이즈를 돌려 픽셀마다 밝기·on/off를 뽑고, 브랜드 보라(#C084FC)와 핑크(#EC4899) 사이를 보간해 근-블랙 배경 위에 틴트한다.
- 분류
- 배경
- 난이도
- easy
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/PixelNoise-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| colorA | string | #C084FC | 저휘도(어두운) 픽셀 틴트 색(브랜드 보라). |
| colorB | string | #EC4899 | 고휘도(밝은) 픽셀 틴트 색(브랜드 핑크). |
| background | string | #08060E | 근-블랙 베이스 배경(픽셀 뒤 바탕). |
| pixelCount | number | 96 | 화면 가로당 픽셀(셀) 개수. 값이 클수록 픽셀이 작고 촘촘. |
| speed | number | 14 | 명멸 속도(초당 리샘플 빈도 배율). |
| intensity | number | 0.85 | 명멸 강도(0~1). 낮으면 은은, 높으면 강한 노이즈. |
| coverage | number | 0.55 | 컬러 픽셀 비율(0~1). 낮으면 배경이 많이 보임. |
| className | string | undefined | 추가 CSS 클래스. |