스테레오 뷰어 전환Stereo Viewer Swap

Stereo Viewer Swap

스테레오 뷰어 전환

다른 이름Also known as · Stereo viewer swap · 스테레오 뷰어 교체

145

렌더 추가 예정CLIP COMING스테레오 뷰어 전환Stereo Viewer Swap정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 145. 스테레오 뷰어 전환 · Stereo Viewer Swap · power3.inOut

장면이 둥근 모서리의 작은 창으로 축소되고 두 복제 창이 화면 밖 축을 따라 반대 방향으로 회전해 갈라진다. 검은 중간 구간 뒤 두 마스크가 새 장면을 드러내고 화면이 확대된다The scene shrinks into a rounded window, two copies rotate apart, and after a dark gap the new scene opens and zooms back up.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

슬라이드 뷰어에서 필름을 넘기는 듯한 물리적 교체감을 준다Gives a physical swap feel, like slides in a viewer.

언제 쓰나Use whenUSE WHEN

제품 소개 영상에서 화면 두 개를 뷰어 창처럼 넘기며 다음 기능으로 갈 때
사진첩, 카탈로그처럼 한 장씩 넘겨 보는 소재의 영상

When flipping between two screens like a viewer window in a product tour
For catalog or photo-album subjects where items are viewed one at a time

과용 주의AvoidAVOID

검은 중간 구간은 전체의 30% 이하로 둔다
내용 위주의 설명 장표 사이에는 쓰지 않는다

분류TagsTAGS

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

장면이 zoom 0.88의 둥근 창으로 줄어든 뒤 복제 창 둘이 반대로 돌며 갈라지고, 검은 틈 뒤에서 새 장면이 열려 다시 확대된다(0.9초)

과용 · 나쁜 사례OVERUSE

검은 중간 구간이 0.3초를 넘어 화면이 죽은 것처럼 보이거나, 모서리 반경이 너무 작아 창 느낌이 없다

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
지속	900ms	700~1100ms	easeInOutCubic
축소율	0.88	0.8~0.92	창으로 줄어듦
모서리 반경	화면 높이 22%	15~25%	창 느낌
검은 구간	진행 40~60%	전체 30% 이하	짧게
복제 창 회전	±90deg	±60~90deg	반대 방향

GSAP

tl.to('.prev', { scale: 0.88, borderRadius: 238, duration: 0.3, ease: 'power2.out' }, 0);
tl.to('.prev-l', { rotationY: -90, duration: 0.3, ease: 'power2.in' }, 0.3);
tl.to('.prev-r', { rotationY: 90, duration: 0.3, ease: 'power2.in' }, 0.3);
tl.fromTo('.next', { scale: 0.88, borderRadius: 238 }, { scale: 1, borderRadius: 0, duration: 0.3, ease: 'power2.out' }, 0.6);

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상> 장면 전환에 스테레오 뷰어 전환을 넣어줘. 이전 장면을 0.3초에 scale 0.88, borderRadius 화면 높이의 22%로 줄이고, 복제 창 두 개가 다음 0.3초에 좌우 rotationY ±90도로 갈라지게 해. 마지막 0.3초에 새 장면이 scale 0.88에서 1로 확대돼. 검은 구간은 전체의 30% 이하, GSAP 타임라인 하나로 seek 가능하게 해.

Add a Stereo Viewer Swap to <target>. First 0.3s: shrink the previous scene to scale 0.88 with a corner radius of 22% of frame height. Next 0.3s: two copies rotateY to -90 and +90. Last 0.3s: the new scene scales from 0.88 to 1 and its radius returns to 0. Keep the dark gap under 30% of the total. One seekable GSAP timeline.

Codex

<파일>에 스테레오 뷰어 전환을 구현해. 3구간 각 0.3초: 축소(scale 0.88, radius 238px), 갈라짐(.prev-l -90, .prev-r 90 rotationY), 확대(.next 0.88에서 1). 0.15초, 0.45초, 0.75초, 0.9초 시점을 캡처해 창 형태가 보이는지, 검은 구간이 길지 않은지, 마지막에 모서리 둥글기가 0인지 확인해.

Implement Stereo Viewer Swap in <file>. Three 0.3s phases: shrink (scale 0.88, radius 238px), split (.prev-l rotationY -90, .prev-r 90), expand (.next 0.88 to 1). Capture at 0.15s, 0.45s, 0.75s, and 0.9s to confirm the window shape is visible, the dark gap is short, and the corner radius is 0 at the end.