효과Effects / 전환·컷Transitions / Nº 151

타일 월 와이프Clone Wall Wipe

Clone Wall Wipe

타일 월 와이프

다른 이름Also known as · Clone wall cover · 복제 글자벽 전환

151

렌더 추가 예정CLIP COMING타일 월 와이프Clone Wall Wipe정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 151. 타일 월 와이프 · Clone Wall Wipe · power2.out

같은 단어의 타일 벽이 화면을 채우고 반전된 뒤 걷히는 전환A wall of tiles repeating the same word fills the frame, inverts, then clears.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

메시지를 반복해 각인시키는 강한 경계. 타이포 중심 스타일A hard boundary that hammers a message by repetition: typography-led style.

언제 쓰나Use whenUSE WHEN

핵심 단어를 강하게 남기며 장면을 바꿀 때
타이포 위주 오프닝이나 챕터 카드에서

Leave a key word behind strongly as scenes change.
Use in type-driven openers or chapter cards.

과용 주의AvoidAVOID

단어는 1개, 한 화면에 반복은 48개 이하
반전 유지는 0.1초 이내

분류TagsTAGS

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

8x6 격자의 같은 단어 타일이 20ms 간격으로 채워지고 difference 혼합으로 반전되어 0.8초 안에 컷 후 걷힌다

과용 · 나쁜 사례OVERUSE

타일 단어가 읽히지 않는 작은 크기이거나, 채우는 시간이 길어 오히려 지루하다

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
전체 지속	0.8s	0.6~1.2s	채우기 0.4s 걷기 0.4s
격자	8x6	6x4~10x8	타일 하나 240px 폭
타일 간격	20ms	10~40ms	좌상에서 우하 순서
혼합	difference	difference/exclusion	반전 표현

GSAP

tl.from('.tile', { opacity: 0, scale: 0.8, duration: 0.2, ease: 'power2.out',
    stagger: { each: 0.02, grid: [6, 8], from: 'start' } })
  .set('.a', { display: 'none' })
  .to('.tile', { opacity: 0, duration: 0.2, stagger: { each: 0.02, grid: [6, 8], from: 'start' } }, '+=0.1');

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상A>에서 <대상B>로 클론 월 와이프를 만들어줘. '<단어>'를 8x6 격자로 48개 복제해 좌상에서 우하 순서로 20ms 간격, opacity 0과 scale 0.8에서 등장(0.2초, power2.out)시켜 화면을 채우고, 다 찬 뒤 A를 B로 교체하고 같은 순서로 걷어 줘. 타일 벽은 mix-blend-mode difference, 전체 paused 타임라인 하나.

Build a clone wall wipe from <targetA> to <targetB>. Clone '<word>' into an 8x6 grid of 48 tiles, fill from top left to bottom right at 20ms intervals with each tile going opacity 0 and scale 0.8 to full over 0.2 seconds (power2.out). Once full, swap A for B and clear in the same order. Use mix-blend-mode difference and one paused timeline.

Codex

<파일>에 clone wall wipe를 넣어. .tile 48개를 grid [6, 8], each 0.02s로 opacity 0, scale 0.8에서 등장(0.2s), 채워진 뒤 장면 교체, 이후 0.1초 홀드하고 같은 순서로 opacity 0. 0.3초에 타일이 채워지는 중인지, 0.5초에 화면 전체가 타일인지, 0.9초에 타일이 없는지 캡처로 확인해.

Add a clone wall wipe to <file>. Animate 48 .tile elements with grid [6, 8] and each 0.02s from opacity 0 and scale 0.8 (0.2s), swap scenes once filled, hold 0.1s, then fade out in the same order. Capture at 0.3 seconds to confirm filling is in progress, at 0.5 seconds for a full-frame wall, and at 0.9 seconds to confirm no tiles remain.