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

종이 파쇄 퇴장Paper Shred Exit

Paper Shred Exit

종이 파쇄 퇴장

062

렌더 추가 예정CLIP COMING종이 파쇄 퇴장Paper Shred Exit정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 062. 종이 파쇄 퇴장 · Paper Shred Exit · none

문서가 좁은 틈으로 들어가 여러 가느다란 띠로 잘려 떨어지고 사라진다.A document feeds through a slit and falls away as narrow strips.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

되돌리기 어려운 삭제와 해체를 표현한다.Communicates destruction and a completed deletion.

언제 쓰나Use whenUSE WHEN

삭제 완료를 시각화할 때
문서 해체를 설명할 때

Visualize a confirmed deletion.
Explain how a document is dismantled.

과용 주의AvoidAVOID

같은 장면의 여러 대상에 동시에 적용하지 않는다.
동작 감소 설정에서는 정적인 대표 상태를 보여 준다.

분류TagsTAGS

등장·퇴장Entrance & Exit 설명Explain 강조Emphasis 설명 영상Explainer video 웹 UIWeb UI 숏폼Short-form 난이도 중급Intermediatecanvas

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

삭제 확인 후 문서가 틈 아래로 들어가 세로 띠로 떨어진다.

과용 · 나쁜 사례OVERUSE

임시 숨김 동작에 파쇄를 써 영구 삭제처럼 보인다.

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
지속	2s	1.5~3s	1920x1080 기준. 장면 시작을 0초로 둔다.
공급 속도	180px/s	120~240px/s	1920x1080 기준. 장면 시작을 0초로 둔다.
띠 폭	10px	8~18px	1920x1080 기준. 장면 시작을 0초로 둔다.
낙하 거리	140px	100~220px	1920x1080 기준. 장면 시작을 0초로 둔다.

GSAP

const tl = gsap.timeline({ paused: true });
tl.to('.paper', { y: 180, duration: 1, ease: 'none' }, 0);
tl.fromTo('.strip', { y: 0, opacity: 1 },
  { y: 140, rotation: 12, opacity: 0, duration: 1, stagger: 0.02, ease: 'power2.in' }, 0.6);

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상>에 종이 파쇄 퇴장을 구현해. 지속 2s, 공급 속도 180px/s, 띠 폭 10px, 낙하 거리 140px, 이징 none을 적용해. canvas 문서 영역을 세로 조각으로 나눠 틈 아래에서 낙하와 말림을 보간한다. paused 타임라인과 절대 시간으로 구동하고 Math.random 없이 같은 시점의 상태를 재현해.

Implement Paper Shred Exit on <target>. Use duration 2s; feed speed 180px/s; strip width 10px; fall distance 140px; use none easing. Drive the effect with a paused GSAP timeline and absolute time, and reproduce the same state on every seek without Math.random. Keep foreground text readable.

Codex

<파일>의 종이 파쇄 퇴장 장면 레이어에 적용해. 지속 2s, 공급 속도 180px/s, 띠 폭 10px, 낙하 거리 140px, 이징 none을 사용하고 본문과 분리해. 0초, 0.4초, 1.2초 시점을 캡처해 시작 상태와 중간 변화 및 대상 가독성을 확인하고 같은 시점을 다시 seek해 결과가 같은지 검증해.

Apply Paper Shred Exit to the scene layer in <file>. Use duration 2s; feed speed 180px/s; strip width 10px; fall distance 140px and none easing. Capture at 0, 0.4, and 1.2 seconds to check the initial state, motion progression, and foreground readability; seek to each time again to verify identical output.