배경
Ink Diffuse
잉크가 물에 번지듯 퍼지는 WebGL 셰이더 배경. 값 노이즈 기반 5옥타브 fbm을 2단 도메인 워핑으로 누적해 잉크가 물속에서 갈라지며 스미는 유기적 흐름을 만들고, 다중 smoothstep 컬러 램프로 물→번짐→코어의 부드러운 경계 확산 색 전이를 표현한다.
- 분류
- 배경
- 난이도
- hard
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/InkDiffuse-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| colorInk | string | #EC4899 | 잉크 코어 색(가장 짙게 뭉치는 심부). |
| colorBleed | string | #C084FC | 번짐 가장자리 색(퍼지며 옅어지는 경계). |
| colorBg | string | #08060E | 배경 근-블랙(물). |
| speed | number | 1.0 | 잉크가 번지는 속도. |
| turbulence | number | 1.0 | 워핑 강도(번짐이 요동치는 정도). |
| density | number | 0.5 | 잉크 농도(코어 대비, 높을수록 진하게 뭉침). |
| className | string | undefined | 컨테이너에 적용할 추가 CSS 클래스. |