이미 진행 중인 동작이나 영상의 재생 속도가 느려졌다 빨라지며 중요한 순간에 다시 감속한다.Vary playback speed to slow down the peak of an action and accelerate surrounding movement.
접근은 4배로 넘기고 절정 800ms는 0.25배로 읽힌다.
재생 속도만 바꾸고 원본 시간을 다시 계산하지 않아 seek마다 다른 프레임이 나온다.
기본값은 클립에 쓴 값Defaults are the values used in the clip
| 항목PARAM | 기본DEFAULT | 범위RANGE | 메모NOTE |
|---|---|---|---|
| 총 지속 | 2000ms | 1500~3000ms | 시간 매핑 전체 길이 |
| 속도 범위 | 0.25~4배 | 0.25~4배 | 원본 시간 대비 |
| 속도 전환 | 300ms | 200~500ms | 속도를 연속 보간 |
| 절정 구간 | 800ms | 500~1000ms | 느린 속도로 세부를 읽기 |
const tl = gsap.timeline({paused:true}), s = {t:0};
const v = t=>t<0.3 ? 4+(0.25-4)*t/0.3 : t<1.1 ? 0.25 : t<1.4 ? 0.25+(4-0.25)*(t-1.1)/0.3 : 4;
const sourceTime = t=>{let sum=0;const n=400,dt=t/n; for(let i=0;i<n;i++) sum+=v((i+0.5)*dt)*dt; return sum;};
tl.to(s, {t:2, duration:2, ease:'none', onUpdate:()=>{
drawSourceAt(sourceTime(s.t));
}});그대로 붙여 넣는다Paste as is
<파일>의 <대상>에 스피드 램프를 적용해. Canvas에서 속도 곡선을 적분한 원본 시간으로 프레임을 선택하거나 GSAP 코어 진행값에 같은 시간 매핑을 적용한다. 총 지속 2000ms; 속도 범위 0.25~4배; 속도 전환 300ms; 절정 구간 800ms. 이징은 none로 하고 GSAP 코어 paused 타임라인으로 역방향 seek도 같은 상태를 만들게 해.
Apply Speed Ramp to <target> in <file>. Integrate a continuous speed curve over 2000ms: ramp from 4x to 0.25x in 300ms, hold slow motion for 800ms, then ramp back to 4x in 300ms. Draw the source at the integrated time for deterministic seeking. Use none and a paused GSAP core timeline that produces identical states when seeking backward.
<파일>의 대상 장면에 스피드 램프를 적용해. Canvas에서 속도 곡선을 적분한 원본 시간으로 프레임을 선택하거나 GSAP 코어 진행값에 같은 시간 매핑을 적용한다. 총 지속 2000ms; 속도 범위 0.25~4배; 속도 전환 300ms; 절정 구간 800ms. 이징은 none를 사용해. 0초·1.0초·2초 시점을 캡처하고 시작 상태, 중간 변화, 끝 상태가 정의와 일치하는지 확인해. 같은 시점을 역방향 seek해서도 같은 화면인지 검증해.
Apply Speed Ramp to the target scene in <file>. Integrate a continuous speed curve over 2000ms: ramp from 4x to 0.25x in 300ms, hold slow motion for 800ms, then ramp back to 4x in 300ms. Draw the source at the integrated time for deterministic seeking. Use none. Capture at 0, 1.0, and 2 seconds to verify the initial state, the defining intermediate change, and the final state. Seek backward to the same times and compare the images.
HyperFrames · ReelForge · Scrolline
개념 출처와 라이선스. 구현은 이 레포에서 새로 씀Concept sources and licenses. Implementations are original to this repo
gongnyang/reelforge:skills/reelforge/references/grammar/07-stylize-time.md#speed-ramp-density)Apache-2.0claude-skill:hyperframes-core/references/creator-editing-recipes.md)unknownclaude-skill:music-to-video/references/template-catalog.md#roll-flipbook-word-cycle)unknown