효과Effects / 등장·퇴장Entrance & Exit / Nº 036

디픽셀 리빌Depixelate Reveal

Depixelate Reveal

디픽셀 리빌

다른 이름Also known as · Depixelate reveal · 픽셀 블록에서 선명화

036

렌더 추가 예정CLIP COMING디픽셀 리빌Depixelate Reveal정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 036. 디픽셀 리빌 · Depixelate Reveal · power2.out

큰 색 블록으로 가려진 이미지가 작은 블록으로 풀리며 선명해진다.Large pixel blocks resolve into a sharp image.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

모호한 대상이 실제 정보로 드러나는 과정을 보여준다.Shows ambiguous imagery becoming concrete information.

언제 쓰나Use whenUSE WHEN

이미지 생성 결과가 확정될 때
숨긴 사진을 단계적으로 공개할 때

Use when presenting depixelate reveal in a content reveal scene.
Use for a focused title, image, or card with a clearly visible final state.

과용 주의AvoidAVOID

블러만 줄이고 픽셀 블록 효과라고 부른다.
완료 자세에서 내용이 가려지지 않게 한다.

분류TagsTAGS

등장·퇴장Entrance & Exit 주목 끌기Attention 전환Transition 설명 영상Explainer video 웹 UIWeb UI 숏폼Short-form 난이도 고급Advancedwebgl

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

32px 블록 사진이 1.2초 동안 원본으로 선명해진다.

과용 · 나쁜 사례OVERUSE

블러만 줄이고 픽셀 블록 효과라고 부른다.

파라미터Parameters

기본값은 클립에 쓴 값Defaults are the values used in the clip

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
지속	1.2s	0.84~1.68s	0초부터 시작하는 공개 구간
시작 블록	32px	16~64px	1920x1080 출력 픽셀 기준
최종 블록	1px	1~2px	원본 해상도로 복구
이징	power2.out	power2.out, power3.out, sine.inOut	움직임의 가속과 감속

GSAP

// material.uniforms.blockPx controls UV quantization in the shader.
const block = material.uniforms.blockPx;
gsap.set(block, {value:32});
tl.to(block, {value:1, duration:1.2, ease:'power2.out'}, 0);

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<파일>에서 <대상>에 디픽셀 리빌을 적용해. 1.2초, 시작 블록 32px; 최종 블록 1px, 이징 power2.out로 구현해. paused 타임라인으로 seek 가능하게 하고 완료 자세를 유지해.

Apply Depixelate Reveal to <target> in <file>. Use a 1.2s segment with power2.out; implement these explicit settings: Initial block size: 32px, Final block size: 1px. Use a paused, seekable timeline and hold the final pose.

Codex

<파일>의 <대상> 레이어에 디픽셀 리빌을 적용해. 1.2초, 시작 블록 32px; 최종 블록 1px, power2.out를 사용하고 0초, 0.6초, 1.2초 캡처로 시작값, 중간 변화, 완료 자세를 확인해. 동일 시점을 두 번 seek해 같은 결과인지 검증해.

Apply Depixelate Reveal to the <target> layer in <file> with Initial block size: 32px, Final block size: 1px, using the supplied core snippet and a 1.2s segment with power2.out. Capture at 0s, 0.6s, and 1.2s to verify the initial pose, intermediate change, and final pose. Seek to the same timestamp twice and confirm identical output.