텍스트 애니메이션
Torn Text
글자를 오프스크린 캔버스에 그린 뒤 매 프레임 수평 슬라이스를 랜덤 오프셋과 RGB 채널 분리로 재드로우하여 노이즈성 퍼지 왜곡을 만드는 Canvas2D 텍스트 효과.
- 분류
- 텍스트 애니메이션
- 난이도
- hard
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/TornText-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| text | string | Vivid Kit | 표시할 텍스트. |
| fontSize | number | 120 | 폰트 크기(px). 캔버스 해상도가 이 값에 맞춰 계산된다. |
| intensity | number | 8 | 퍼지 왜곡 강도(px). 각 수평 슬라이스가 좌우로 밀리는 최대 오프셋. |
| chromatic | number | 5 | RGB 채널 분리 최대 오프셋(px). 클수록 색수차가 강해진다. |
| sliceHeight | number | 4 | 슬라이스 높이(px). 작을수록 잘게 찢어지고 클수록 큰 덩어리로 흔들린다. |
| hoverOnly | boolean | false | 마우스 호버 시에만 왜곡할지 여부. false면 상시 재생. |