관성 퇴장Physical Exit
요소가 회전하거나 가속하면서 화면 밖으로 던져지거나 떨어진다.An element accelerates off screen while rotating or falling.
무엇을 전하나What it tells
- 버린 카드를 화면 밖으로 보낼 때
- 장면의 이전 오브젝트를 정리할 때
- Use when presenting physical exit in a content reveal scene.
- Use for a focused title, image, or card with a clearly visible final state.
- 필수 안내가 읽히기 전에 떨어져 사라진다.
- 완료 자세에서 내용이 가려지지 않게 한다.
좋은 예와 나쁜 예Good and bad use
폐기 카드가 오른쪽으로 가속하며 12도 기울어 사라진다.
필수 안내가 읽히기 전에 떨어져 사라진다.
파라미터Parameters
기본값은 클립에 쓴 값Defaults are the values used in the clip
| 항목PARAM | 기본DEFAULT | 범위RANGE | 메모NOTE |
|---|---|---|---|
| 지속 | 0.5s | 0.35~0.7s | 0초부터 시작하는 공개 구간 |
| 퇴장 거리 | 1200px | 800~2200px | 대상 경계가 화면 밖에 도착하도록 조정 |
| 회전 | 12deg | 6~24deg | 이동 방향에 맞춘 기울기 |
| 이징 | power2.in | power2.out, power3.out, sine.inOut | 움직임의 가속과 감속 |
gsap.set('.target', {x:0, rotation:0});
tl.to('.target', {x:1200, rotation:12, duration:0.5, ease:'power2.in'}, 0);
tl.set('.target', {visibility:'hidden'}, 0.5);에이전트 프롬프트Agent prompts
그대로 붙여 넣는다Paste as is
<파일>에서 <대상>에 관성 퇴장을 적용해. 0.5초, 퇴장 거리 1200px; 회전 12deg, 이징 power2.in로 구현해. paused 타임라인으로 seek 가능하게 하고 완료 자세를 유지해.
Apply Physical Exit to <target> in <file>. Use a 0.5s segment with power2.in; implement these explicit settings: Exit distance: 1200px, Rotation: 12deg. Use a paused, seekable timeline and hold the final pose.
<파일>의 <대상> 레이어에 관성 퇴장을 적용해. 0.5초, 퇴장 거리 1200px; 회전 12deg, power2.in를 사용하고 0초, 0.25초, 0.5초 캡처로 시작값, 중간 변화, 완료 자세를 확인해. 동일 시점을 두 번 seek해 같은 결과인지 검증해.
Apply Physical Exit to the <target> layer in <file> with Exit distance: 1200px, Rotation: 12deg, using the supplied core snippet and a 0.5s segment with power2.in. Capture at 0s, 0.25s, and 0.5s to verify the initial pose, intermediate change, and final pose. Seek to the same timestamp twice and confirm identical output.
도구별로 쓰기In your tools
HyperFrames · ReelForge · Scrolline
잘 맞는 조합Pairs well with
출처Sources
개념 출처와 라이선스. 구현은 이 레포에서 새로 씀Concept sources and licenses. Implementations are original to this repo
- heygen-com/hyperframesApache-2.0
- heygen-com/hyperframesApache-2.0
- local/HyperFrames-skills (
claude-skill:hyperframes-animation/transitions/css-other.md)unknown