미러 전환Mirror Transition

Mirror Transition

미러 전환

다른 이름Also known as · Mirror transition · 거울 전환

179

렌더 추가 예정CLIP COMING미러 전환Mirror Transition정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 179. 미러 전환 · Mirror Transition · power3.inOut

영상이 대칭 반사되거나 복제되어 중앙으로 접힌 뒤 다음 영상으로 풀린다The video is mirrored or duplicated, folded to the center, then unfolded into the next video.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

영상이 대칭으로 접혔다가 다음 영상으로 풀린다. 공간이 접혀 다른 장면으로 이어지는 느낌이다Feels like space folds and connects to a different scene.

언제 쓰나Use whenUSE WHEN

대칭 구도의 장면이나 전후 비교 영상에서 화면이 접히며 바뀔 때
분신, 대칭, 거울 소재의 도입부

For symmetric compositions or before-and-after videos where the frame folds to change
For intros themed around clones, symmetry, or mirrors

과용 주의AvoidAVOID

축은 화면 중앙(y 540px)으로 고정
접힘과 펼침에 같은 이징을 쓴다

분류TagsTAGS

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

화면이 가로 축을 기준으로 0.35초 동안 위쪽이 아래로 접혀 중심선에 모이고, 다음 0.35초에 새 장면이 위아래로 펼쳐진다

과용 · 나쁜 사례OVERUSE

접히는 축이 화면 중심이 아니라 어긋나거나, 접힘 중 좌우가 함께 바뀌어 방향을 알 수 없다

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
지속	700ms	500~900ms	easeInOutCubic
접힘 구간	0~350ms		장면 A
펼침 구간	350~700ms		장면 B
축	가로(y 540px)	가로 또는 세로
접힘 각도	90deg	80~90deg	rotationX

GSAP

gsap.set('.stage', { perspective: 1600 });
tl.to('.prev-top', { rotationX: -90, transformOrigin: '50% 100%', duration: 0.35, ease: 'power3.in' }, 0);
tl.to('.prev-bot', { rotationX: 90, transformOrigin: '50% 0%', duration: 0.35, ease: 'power3.in' }, 0);
tl.from('.next-top', { rotationX: -90, transformOrigin: '50% 100%', duration: 0.35, ease: 'power3.out' }, 0.35);
tl.from('.next-bot', { rotationX: 90, transformOrigin: '50% 0%', duration: 0.35, ease: 'power3.out' }, 0.35);

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상> 장면 전환에 미러 전환을 넣어줘. 부모 perspective 1600px, 이전 장면을 위/아래 반쪽으로 나눠 0.35초 동안 rotationX -90와 90도로 중심선(y 540)까지 접고(power3.in), 이어서 0.35초 동안 새 장면 반쪽들이 반대로 펼쳐지게(power3.out) 해. 타임라인 하나로 seek 가능하게 해줘.

Add a Mirror Transition to <target>. Set perspective 1600px. Split the previous scene into top and bottom halves and fold them to the center line (y 540) over 0.35s with rotationX -90 and 90 (power3.in). Then unfold the new scene halves in reverse over 0.35s (power3.out). One seekable GSAP timeline.

Codex

<파일>에 미러 전환을 구현해. perspective 1600, .prev-top rotationX 0에서 -90 (origin 50% 100%), .prev-bot 0에서 90 (origin 50% 0%), 0.35초 power3.in, 그리고 .next-top, .next-bot을 0.35초부터 반대로 펼침 power3.out. 0.17초, 0.35초, 0.52초, 0.7초 시점을 캡처해 0.35초에 중심선에서 접혀 얇은 선이 되는지, 0.7초에 새 장면이 전체인지 확인해.

Implement Mirror Transition in <file>. perspective 1600; .prev-top rotationX 0 to -90 (origin 50% 100%), .prev-bot 0 to 90 (origin 50% 0%), 0.35s power3.in; then .next-top and .next-bot unfold from 0.35s with power3.out. Capture at 0.17s, 0.35s, 0.52s, and 0.7s to confirm the frame folds to a thin line at 0.35s and the new scene is complete at 0.7s.