배경
Sine Field
사인파 합성과 색 램프로 유동적인 색 흐름을 만드는 고전 플라즈마 셰이더 배경. 방향과 주파수가 다른 사인파 여러 개와 움직이는 방사형 소스를 합성해 3-스톱 색 램프에 매핑하는 자작 WebGL 프래그먼트 셰이더.
- 분류
- 배경
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/SineField-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| colorA | string | #08060E | 색 램프 시작 색(골). 기본은 근-블랙. |
| colorB | string | #C084FC | 색 램프 중간 색(마루). |
| colorC | string | #EC4899 | 색 램프 하이라이트 색(피크). |
| background | string | #08060E | 플라즈마 뒤 근-블랙 배경색. |
| scale | number | 3.0 | 플라즈마 조밀도(사인 주파수 배율). 클수록 무늬가 촘촘해진다. |
| speed | number | 1.0 | 색 흐름 애니메이션 속도. |
| className | string | undefined | 컨테이너에 적용할 추가 CSS 클래스. |