칼레이도스코프 전환Kaleidoscope Transition

Kaleidoscope Transition

칼레이도스코프 전환

다른 이름Also known as · Kaleidoscope transition · 만화경 전환

172

렌더 추가 예정CLIP COMING칼레이도스코프 전환Kaleidoscope Transition정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 172. 칼레이도스코프 전환 · Kaleidoscope Transition · sine.inOut

영상이 대칭 조각으로 접히고 회전하며 다음 장면으로 섞인 뒤 원래 화면으로 돌아오는 전환The picture folds into symmetric fragments, rotates, blends into the next scene, and unfolds back to a normal frame.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

다채롭고 환상적인 패턴 전환. 만화경을 돌리는 듯한 축제 분위기A colorful, fantastical pattern move, like turning a kaleidoscope.

언제 쓰나Use whenUSE WHEN

뮤직 비주얼, 축제, 몽환적 톤의 영상에서
시선을 확 끄는 장식적 전환이 필요할 때

Music visuals, festivals, or dreamy-toned videos.
When an eye-catching decorative transition is needed.

과용 주의AvoidAVOID

섹터 수 12 초과 금지
회전 총각 180도 초과 금지

분류TagsTAGS

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

1초 동안 화면이 6분할 대칭으로 접히며 회전(각도 speed 1.0)하고, 정점에서 뒤 장면으로 바뀐 뒤 대칭이 풀린다

과용 · 나쁜 사례OVERUSE

조각 수가 너무 많아 원래 그림이 전혀 안 보이거나, 회전이 빨라 멀미가 난다

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
전체 지속	1.0s	0.7~1.5s	정점 50%
섹터 수	6	4~12	대칭 조각
회전 각도	90deg	45~180deg	총 회전량
접힘 강도	0→1→0		삼각파

GSAP

const u = { k: 0 };
tl.to(u, { k: 1, duration: 0.5, ease: 'sine.in', onUpdate: () => kal.set({ sectors: 6, fold: u.k, angle: u.k * Math.PI / 2 }) })
  .set('.a', { display: 'none' })
  .to(u, { k: 0, duration: 0.5, ease: 'sine.out' });

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상A>에서 <대상B>로 칼레이도스코프 전환을 만들어줘. 6섹터 대칭 접기를 0.5초 동안 fold 0에서 1(sine.in), 회전각 0에서 90도로 올려 A를 접고, 그 정점에 B로 교체한 뒤 0.5초 동안 fold 1에서 0(sine.out)으로 풀어. 값은 GSAP 상태 객체에서 읽어 paused 타임라인에서 seek되게 해.

Build a kaleidoscope transition from <targetA> to <targetB>. Fold A into 6 symmetric sectors by raising fold from 0 to 1 (sine.in) and rotation from 0 to 90 degrees over 0.5 seconds, swap to B at the peak, then unfold fold from 1 to 0 (sine.out) over 0.5 seconds. Read values from a GSAP state object in one paused timeline that seeks.

Codex

<파일>에 kaleidoscope 전환을 적용해. fold 0에서 1과 angle 0에서 90도 (0.5s sine.in), 0.5초에 A에서 B로 교체, fold 1에서 0 (0.5s sine.out). 6섹터 극각 접기. 0.25초, 0.5초, 0.75초 캡처로 대칭 패턴이 커졌다 풀리는지, 1.0초에 원본 프레임과 같은지 확인해.

Apply a kaleidoscope transition in <file>. Tween fold 0 to 1 and angle 0 to 90 degrees (0.5s sine.in), swap A for B at 0.5 seconds, then fold 1 to 0 (0.5s sine.out), using a 6-sector polar fold. Capture at 0.25, 0.5, and 0.75 seconds to confirm the symmetric pattern grows and releases, and at 1.0 seconds to confirm it matches the source frame.