새 가사 줄이 중앙으로 올라오고 지난 줄은 위로 밀려 어두워지는 효과Each new lyric line rises to center while the previous line is pushed up and dimmed.
현재 줄이 scale 1, opacity 1로 중앙에 있고 지난 줄은 opacity 0.3으로 위에 남으며 줄 이동은 500ms, 줄 간격 1.5em이다
줄 이동이 박자와 무관하고 지난 줄이 그대로 밝아 어느 줄이 현재인지 모른다
기본값은 클립에 쓴 값Defaults are the values used in the clip
| 항목PARAM | 기본DEFAULT | 범위RANGE | 메모NOTE |
|---|---|---|---|
| 줄 이동 | 500ms | 350~700ms | 위로 1.5em |
| 지난 줄 opacity | 0.3 | 0.2~0.4 | 어둡게 유지 |
| 다음 줄 opacity | 0.5 | 0.3~0.6 | 미리보기 |
| 줄 간격 | 1.5em | 1.3~1.8em | 읽기 간격 |
lines.forEach((el, i) => {
tl.to(lines, { yPercent: -150 * (i + 1), duration: 0.5, ease: 'power2.out' }, starts[i]);
tl.to(el, { opacity: 1, scale: 1, duration: 0.3 }, starts[i]);
tl.to(el, { opacity: 0.3, scale: 0.92, duration: 0.3 }, starts[i + 1]);
});그대로 붙여 넣는다Paste as is
<대상>에 가사 줄 초점 자막을 만들어줘. 가사 줄 목록(<LRC>)에서 현재 줄은 화면 중앙에 scale 1, opacity 1이고, 다음 줄은 opacity 0.5로 아래, 지난 줄은 opacity 0.3, scale 0.92로 위에 남아. 줄 전환마다 컨테이너를 0.5초 power2.out으로 1.5em 올려. 동시에 3줄까지만 보이게 해.
Create lyric-focus captions in <target>. From the line list (<LRC>), the current line sits at the center with scale 1 and opacity 1, the next line below at opacity 0.5, and the previous line above at opacity 0.3 and scale 0.92. On each line change lift the container 1.5em over 0.5 seconds with power2.out. Show at most 3 lines at once.
<파일>에서 줄 시작 시각마다 컨테이너 y tween(0.5s, power2.out)과 현재/지난 줄 opacity tween을 건다. 두 개 시작 시각 직후 0.6초 시점을 캡처해 현재 줄이 중앙에 있고 지난 줄이 0.3 이하인지, 4줄째 이상이 안 보이는지 확인해.
In <file> add, at each line start, a container y tween (0.5s, power2.out) plus current/previous opacity tweens. Capture 0.6s after two start times to confirm the current line is centered, the previous is at 0.3 or lower, and no fourth line is visible.
HyperFrames · ReelForge · Scrolline
개념 출처와 라이선스. 구현은 이 레포에서 새로 씀Concept sources and licenses. Implementations are original to this repo