선 곡률 루프Line Tension Loop

Line Tension Loop

선 곡률 루프

다른 이름Also known as · Looping line tension · 선 곡률 반복 변화

422

렌더 추가 예정CLIP COMING선 곡률 루프Line Tension Loop정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 422. 선 곡률 루프 · Line Tension Loop · none

같은 데이터 점을 잇는 선이 직선에 가까워졌다가 둥근 곡선으로 돌아간다.A line alternates between straight and curved interpolation while its data points stay fixed.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

선 보간 방식의 차이를 보여주거나 차트를 반복 강조한다.Explains the difference between interpolation styles.

언제 쓰나Use whenUSE WHEN

보간 방식을 비교할 때
고정 데이터 선의 형태를 설명할 때

Compare interpolation methods.
Explain the geometry of a fixed data series.

과용 주의AvoidAVOID

같은 장면의 여러 대상에 동시에 적용하지 않는다.
동작 감소 설정에서는 정적인 대표 상태를 보여 준다.

분류TagsTAGS

도형·패스Shape & Path 설명Explain 강조Emphasis 설명 영상Explainer video 웹 UIWeb UI 숏폼Short-form 난이도 중급Intermediatecanvas

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

같은 네 점을 유지하며 직선과 부드러운 보간선을 비교한다.

과용 · 나쁜 사례OVERUSE

곡률 변경을 데이터 값 변화처럼 설명한다.

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
편도 지속	1s	0.6~2s	1920x1080 기준. 장면 시작을 0초로 둔다.
최소 곡률	0	0~0.2	1920x1080 기준. 장면 시작을 0초로 둔다.
최대 곡률	1	0.4~1	1920x1080 기준. 장면 시작을 0초로 둔다.
왕복 주기	2s	1.2~4s	1920x1080 기준. 장면 시작을 0초로 둔다.

GSAP

const state = { tension: 0 };
const tl = gsap.timeline({ paused: true });
tl.to(state, { tension: 1, duration: 1, ease: 'none',
  onUpdate: () => { chart.data.datasets[0].tension = state.tension; chart.update('none'); } })
  .to(state, { tension: 0, duration: 1, ease: 'none',
  onUpdate: () => { chart.data.datasets[0].tension = state.tension; chart.update('none'); } });

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상>에 선 곡률 루프을 구현해. 편도 지속 1s, 최소 곡률 0, 최대 곡률 1, 왕복 주기 2s, 이징 none을 적용해. 점 좌표를 유지하고 Bézier 제어점의 tension만 보간한다. paused 타임라인과 절대 시간으로 구동하고 Math.random 없이 같은 시점의 상태를 재현해.

Implement Line Tension Loop on <target>. Use one-way duration 1s; minimum tension 0; maximum tension 1; round-trip period 2s; use none easing. Drive the effect with a paused GSAP timeline and absolute time, and reproduce the same state on every seek without Math.random. Keep foreground text readable.

Codex

<파일>의 선 곡률 루프 장면 레이어에 적용해. 편도 지속 1s, 최소 곡률 0, 최대 곡률 1, 왕복 주기 2s, 이징 none을 사용하고 본문과 분리해. 0초, 0.4초, 1.2초 시점을 캡처해 시작 상태와 중간 변화 및 대상 가독성을 확인하고 같은 시점을 다시 seek해 결과가 같은지 검증해.

Apply Line Tension Loop to the scene layer in <file>. Use one-way duration 1s; minimum tension 0; maximum tension 1; round-trip period 2s and none easing. Capture at 0, 0.4, and 1.2 seconds to check the initial state, motion progression, and foreground readability; seek to each time again to verify identical output.