배경

Voronoi

움직이는 셀 시드가 만드는 보로노이(셀룰러/Worley) 무늬 WebGL 셰이더. 3x3 이웃 격자를 훑어 최근접 시드 거리(F1)와 차근접 거리(F2)를 구하고, F1으로 셀 채움 그라디언트, F2-F1으로 셀 경계를 강조한다. 시드는 각자 위상으로 원운동하여 셀이 부드럽게 이동한다.

분류: 배경
난이도: medium
변형: TS-TW

설치

npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/Voronoi-TS-TW

Props

이름	타입	기본값	설명
colorA	string	#08060E	셀 채움 저지대 색 (시드에서 먼 곳).
colorB	string	#C084FC	셀 채움 고지대 색 (시드 가까운 곳).
edgeColor	string	#EC4899	셀 경계선 강조 색.
background	string	#08060E	근-블랙 배경(셀 뒤 베이스).
density	number	6.0	격자 밀도(화면당 셀 개수 배율). 클수록 셀이 촘촘.
speed	number	0.6	셀 이동/맥동 속도.
edgeWidth	number	0.5	경계선 두께(0~1, 클수록 굵음).
className	string	undefined	컨테이너 추가 클래스.