배경
Grid Pulse
네온 그리드 라인이 원경에서 근경으로 맥동하며 빛나는 배경. 자작 GLSL 프래그먼트 셰이더로 원근 투영(1/z 역투영) 바닥 격자를 그리고, fwidth 기반 안티에일리어싱 라인 마스크 + 사인파 맥동 + 교차점 노드 강조를 조합했다. 원근/평면 격자를 prop으로 토글할 수 있다.
- 분류
- 배경
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/GridPulse-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| colorA | string | #C084FC | 그리드 라인 근경 컬러. |
| colorB | string | #EC4899 | 그리드 라인 원경 컬러(깊이 램프의 끝). |
| bgColor | string | #08060E | 배경 근-블랙 컬러. |
| density | number | 2.0 | 셀 밀도. 값이 클수록 라인이 촘촘해진다. |
| speed | number | 1.0 | 맥동/스크롤 속도. |
| lineWidth | number | 0.5 | 라인 굵기(0~1). 클수록 두껍고 밝다. |
| perspective | boolean | true | 원근 투영 여부. false 시 평면 격자. |
| className | string | undefined | 래퍼 div에 전달할 추가 클래스. |