애니메이션
Metal Sheen
실시간 fbm 높이장과 가상 법선 기반 이방성 광택으로 계산한 액체 금속이 blob·원·텍스트 도형 안쪽을 흐르며, 포인터로 광원 방향을 움직일 수 있는 인터랙티브 메탈 페인트 쇼케이스입니다.
- 분류
- 애니메이션
- 난이도
- hard
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/MetalSheen-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| shape | "blob" | "circle" | "text" | "blob" | 금속을 입힐 도형. text 선택 시 label 글자 안에서 금속이 흐른다. |
| label | string | "METAL" | shape="text"일 때 표시할 문구. |
| colorTint | string | "#C084FC" | 금속 중간 톤(1차 색조) hex 색상. |
| colorSheen | string | "#EC4899" | 금속 하이라이트(반사) 색조 hex 색상. |
| flowSpeed | number | 1 | 액체 금속 흐름 속도(0=정지). reduced-motion 시 자동 0. |
| sheen | number | 1 | 이방성 광택 세기(0~2). 클수록 브러시드 메탈 줄무늬가 강해진다. |