팔로스루Follow-through

Follow-through

팔로스루

다른 이름Also known as · 후속 동작 · 관성 잔동작 · Follow through · Follow Through · 후행 정착 · Follow Through Settle · 후속 움직임 정착 · Follow Through and Overlapping Action

008

도판Fig. 008. 팔로스루 · Follow-through · none 몸통 / power2.out 관성 / power1.inOut 감쇠

재생 속도Speed

몸통이 멈춘 뒤 붙어 있는 끝부분이 관성으로 더 움직였다가 늦게 정지하는 기법An attached extremity continues moving through inertia after the main body stops, then settles later.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

대상의 유연함과 관성. 정지 순간에도 힘이 남아 있음을 보여 준다Conveys flexibility and inertia, showing that force remains after the main body stops.

언제 쓰나Use whenUSE WHEN

몸통에 붙은 깃발이나 꼬리의 관성을 표현할 때
갑작스러운 정지에 무게와 유연함을 더할 때

Show inertia in a flag or tail attached to a body.
Add weight and flexibility to an abrupt stop.

과용 주의AvoidAVOID

끝부분의 연결점이 몸통에서 떨어지지 않게 한다
흔들림 진폭을 계속 같은 크기로 반복하지 않는다

분류TagsTAGS

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

먹 막대가 1.05초에 멈춘 뒤 위의 주홍 판만 38도 더 기울었다가 진폭을 줄이며 2.23초에 멈춘다

과용 · 나쁜 사례OVERUSE

몸통까지 계속 흔들려 무엇이 먼저 멈췄는지 구별하기 어렵다

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
몸통 이동	650px	300~750px	몸통은 한 번 이동하고 정지
몸통 지속	0.75s	0.5~1.1s	none으로 이동 후 급정지
이동 중 기울기	-24°	-12~-30°	진행 방향 반대로 따라온다
정지 후 최대각	38°	20~45°	관성으로 진행 방향을 넘는다
감쇠 각도	-20°, 11°, -6°, 3°, 0°	2~3회 진동	매 반주기마다 진폭을 줄인다

GSAP

tl.to('#body',{x:650,duration:.75,ease:'none'},.3);
tl.to('#flag',{rotation:-24,duration:.25,ease:'power2.out'},.3);
tl.to('#flag',{rotation:38,duration:.18,ease:'power2.out'},1.05);
[[-20,.22],[11,.20],[-6,.20],[3,.18],[0,.20]].forEach(([rotation,duration],i)=>{
  const start=[1.23,1.45,1.65,1.85,2.03][i];
  tl.to('#flag',{rotation,duration,ease:'power1.inOut'},start);
});

라이브 소스 열기Open live source 소스 코드Source README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

GSAP으로 <대상>의 몸통과 붙어 있는 얇은 판에 팔로스루를 넣어줘. 몸통은 0.30초부터 0.75초 동안 오른쪽 650px 이동한 뒤 급정지하고, 판은 이동 중 -24도로 기울여. 1.05초부터 판만 0.18초 동안 38도로 더 나간 뒤 -20, 11, -6, 3, 0도로 각각 0.22, 0.20, 0.20, 0.18, 0.20초 동안 감쇠시켜. 연결점은 고정하고 2.45초부터 3.00초까지 완성 상태를 유지해.

Add follow-through to the body and attached thin panel of <target> with GSAP. Move the body 650px right starting at 0.30 seconds over 0.75 seconds, then stop abruptly. Tilt the panel to -24 degrees during movement. Starting at 1.05 seconds, rotate only the panel farther to 38 degrees over 0.18 seconds, then damp it through -20, 11, -6, 3, and 0 degrees over 0.22, 0.20, 0.20, 0.18, and 0.20 seconds respectively. Keep the attachment point fixed and hold the completed state from 2.45 to 3.00 seconds.

Codex

<파일>에서 얇은 판을 몸통의 자식으로 두고 transform-origin을 하단 연결점으로 지정해. 몸통은 시작 0.30초, duration 0.75초, x 650px, ease none으로 급정지시키고 판은 1.05초부터 38도 관성 회전 후 -20, 11, -6, 3, 0도로 감쇠시켜 2.23초에 멈춰. 0.73초와 1.23초 캡처에서 판의 기울기가 반대 방향인지, 1.23초 이후 몸통 위치는 고정되는지, 2.50초와 2.90초에서는 모두 멈추는지 확인해.

In <file>, make the thin panel a child of the body and set transform-origin to its bottom attachment point. Move the body with start 0.30 seconds, duration 0.75 seconds, x 650px, and ease none, then stop abruptly. Starting at 1.05 seconds, rotate the panel to 38 degrees through inertia, then damp it through -20, 11, -6, 3, and 0 degrees, stopping at 2.23 seconds. Capture at 0.73 and 1.23 seconds to check opposite panel tilts. Verify that the body position stays fixed after 1.23 seconds and that everything is stationary at 2.50 and 2.90 seconds.