텍스트 애니메이션
Decode Wave
각 글자가 랜덤 문자로 스크램블되었다가 글자마다 다른 지연(stagger)을 두고 원문으로 순차 해소되며, 호버 시 재생되는 rAF 기반 텍스트 효과입니다.
- 분류
- 텍스트 애니메이션
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/DecodeWave-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| text | string | Scrambled | 최종적으로 해소될 목표 텍스트. |
| stagger | number | 55 | 글자 사이 해소 지연 간격(ms). 클수록 파도가 천천히 퍼짐. |
| duration | number | 420 | 개별 글자가 확정되기까지의 최소 스크램블 지속 시간(ms). |
| scatter | number | 0.35 | 해소 순서 무작위성(0~1). 0이면 왼→오 순차, 1이면 거의 무작위로 흩뿌려짐. |
| replayOnHover | boolean | true | 마우스 호버(또는 포커스/Enter·Space)로 스크램블→해소를 다시 재생할지 여부. |
| scrambleColor | string | #EC4899 | 아직 해소되지 않은(스크램블 중) 글자 색상. |