중요 시점 정지와 재생Freeze and Replay

Freeze and Replay

중요 시점 정지와 재생

다른 이름Also known as · Data checkpoint freeze and replay · 데이터 중요 시점 정지와 재생

269

렌더 추가 예정CLIP COMING중요 시점 정지와 재생Freeze and Replay정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 269. 중요 시점 정지와 재생 · Freeze and Replay · none

진행 중인 차트가 특정 시점에 멈춰 주석을 보여주고 같은 구간을 다시 재생한다.A chart holds at a checkpoint, displays an annotation, then replays the interval.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

짧게 지나간 중요 변화와 전후 관계를 다시 읽는다.Makes a brief critical change readable in context.

언제 쓰나Use whenUSE WHEN

차트의 결정적인 추월을 다시 설명할 때
전후 항목의 대응을 움직임으로 설명할 때

Use when explaining freeze and replay in a presentation or interactive view.
Use when viewers need to track corresponding items between states.

과용 주의AvoidAVOID

정지 중에도 주석의 기준 데이터가 바뀐다 같은 연출을 피한다.
모션만으로 수치를 읽게 하지 않고 라벨과 정적 요약을 함께 둔다

분류TagsTAGS

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

결정적 추월 장면에서 진행 중인 차트가 특정 시점에 멈춰 주석을 보여주고 같은 구간을 다시 재생한다. 2s 구간으로 항목 대응을 유지한다.

과용 · 나쁜 사례OVERUSE

정지 중에도 주석의 기준 데이터가 바뀐다

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
기본 구간	2s	1.4~3s	후보의 주요 이동 또는 유지 시간이다
정지 시간	1800ms	1000~2500ms	주석을 읽을 시간을 확보한다
재생 횟수	1회	1~2회	1920x1080 화면 기준 기본값이다
이징	none	none 또는 power2.inOut	시간 재생은 선형, 배치 이동은 완만하게 시작하고 멈춘다

GSAP

const state = {p: 0};
const tl = gsap.timeline({paused: true});
tl.to(state, {p: 1, duration: 2, ease: 'none', onUpdate: () => drawChart(state.p)});
tl.to({}, {duration: 1.8});
tl.set(state, {p: 0, onUpdate: () => drawChart(state.p)});
tl.to(state, {p: 1, duration: 2, ease: 'none', onUpdate: () => drawChart(state.p)});

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상>에 중요 시점 정지와 재생 효과를 적용해. 공유 시간 진행률을 정지한 뒤 지정된 시간 구간부터 다시 증가시킨다. 기본 구간은 2초, 정지 시간은 1800ms, 재생 횟수은 1회, 이징은 none로 설정하고 값 축과 색 범위를 고정한다. GSAP 코어의 paused 타임라인 하나로 구성하고 seek 시 같은 결과를 그려줘.

Apply Freeze and Replay to <target>. A chart holds at a checkpoint, displays an annotation, then replays the interval. Use a 2-second primary interval with none easing, and preserve item IDs and reference coordinates. Set the hold duration to 1800ms and the replay count to 1. Use one paused GSAP core timeline with deterministic seeking.

Codex

<파일>의 중요 시점 정지와 재생 장면에 적용해. 공유 시간 진행률을 정지한 뒤 지정된 시간 구간부터 다시 증가시킨다. 2초 구간과 none, 정지 시간 1800ms, 재생 횟수 1회를 적용하고 초기 상태를 명시해. 0초, 1초, 2초를 캡처해 항목 대응과 중간 상태를 확인하고 역방향 seek 후 같은 시점의 결과가 일치하는지 검증해.

Implement Freeze and Replay in the relevant scene in <file>. A chart holds at a checkpoint, displays an annotation, then replays the interval. Use a 2-second primary interval with none easing and explicit initial states. Set the hold duration to 1800ms and the replay count to 1. Capture at 0, 1, and 2 seconds to verify item correspondence and intermediate states, then seek backward and confirm identical output at the same time.