애니메이션
Pixelated Image Reveal
Canvas2D에서 저해상도 블록 모자이크로 시작해 고해상도로 점진 샤프닝되며 등장합니다. rAF 루프가 imageSmoothingEnabled=false로 nearest 다운스케일→업스케일 모자이크를 만들고, 마지막 프레임에서만 on으로 전환해 1:1 선명 재드로우로 정착합니다. 이미지는 절차적으로 생성되어 자산이 필요 없습니다.
- 분류
- 애니메이션
- 난이도
- hard
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/PixelatedImageReveal-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| className | string | undefined | canvas 요소에 적용할 CSS 클래스명. |