배경
Wireframe Wave
원근 투영된 와이어프레임 지형이 두 방향 사인 변위로 파도를 이루며 관찰자 쪽으로 흘러오는 Canvas 2D 배경. 깊이에 따라 색과 투명도가 페이드되어 안개 낀 원경을 표현한다.
- 분류
- 배경
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/WireframeWave-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| colorNear | string | #EC4899 | 가까운 라인 색상(깊이 그라디언트 근점). |
| colorFar | string | #C084FC | 먼 라인 색상(깊이 그라디언트 원점). |
| bgColor | string | #08060E | 배경 색상(근-블랙). |
| cols | number | 48 | 지형 격자 가로 셀 수(라인 밀도). |
| rows | number | 34 | 지형 격자 세로(깊이) 셀 수. |
| amplitude | number | 0.9 | 사인 파동 진폭(월드 높이). |
| speed | number | 1.0 | 파도가 화면 쪽으로 흐르는 속도. |
| lineWidth | number | 1 | 와이어프레임 라인 두께(px). |
| className | string | undefined | 컨테이너에 적용할 추가 클래스. |