효과Effects / 반복·앰비언트Loop & Ambient / Nº 580

걷기 사이클Walk Cycle

Walk Cycle

걷기 사이클

다른 이름Also known as · Skeletal Walk Cycle · 스켈레탈 걷기 루프

580

렌더 추가 예정CLIP COMING걷기 사이클Walk Cycle정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 580. 걷기 사이클 · Walk Cycle · none

관절을 가진 캐릭터가 팔과 다리를 번갈아 움직이며 반복해서 걷는다.A rigged character alternates its arms and legs in a repeating walk.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

등장인물의 생동감과 이동을 표현한다.Communicates character activity and locomotion.

언제 쓰나Use whenUSE WHEN

캐릭터의 이동을 보여 줄 때
제자리 걷기로 활동 상태를 표현할 때

Show a character traveling.
Use an in-place walk to indicate activity.

과용 주의AvoidAVOID

본문과 겹치는 영역의 대비를 낮춘다.
동작 감소 설정에서는 정적인 대표 상태를 보여 준다.

분류TagsTAGS

반복·앰비언트Loop & Ambient 분위기Mood 브랜딩Branding 설명 영상Explainer video 웹 UIWeb UI 숏폼Short-form 난이도 고급Advancedwebgl

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

캐릭터가 1.2초 주기로 좌우 다리와 반대 팔을 교차해 걷는다.

과용 · 나쁜 사례OVERUSE

발이 지면에 닿는 동안 미끄러져 무게감이 사라진다.

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
주기	1.2s	0.8~1.6s	1920x1080 기준. 왕복 또는 위상 계산을 절대 시간에 맞춘다.
보폭	0.5단위	0.3~0.7단위	1920x1080 기준. 왕복 또는 위상 계산을 절대 시간에 맞춘다.
좌우 위상차	180deg	180deg	1920x1080 기준. 왕복 또는 위상 계산을 절대 시간에 맞춘다.
관절 회전 진폭	25deg	15~35deg	1920x1080 기준. 왕복 또는 위상 계산을 절대 시간에 맞춘다.

GSAP

const state = { t: 0 };
const tl = gsap.timeline({ paused: true });
tl.to(state, { t: 1.2, duration: 1.2, ease: 'none', onUpdate: () => {
  mixer.setTime(state.t);
  renderer.render(scene, camera);
} });

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상>에 걷기 사이클을 구현해. 주기 1.2s, 보폭 0.5단위, 좌우 위상차 180deg, 관절 회전 진폭 25deg, 이징 none을 적용해. WebGL에서 뼈의 위치와 회전 키프레임을 보간하고 스킨 가중치로 정점을 변형한다. paused 타임라인과 절대 시간으로 구동하고 Math.random 없이 같은 시점의 상태를 재현해.

Implement Walk Cycle on <target>. Use period 1.2s; stride 0.5 units; left-right phase offset 180deg; joint rotation amplitude 25deg; 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

<파일>의 걷기 사이클 장면 레이어에 적용해. 주기 1.2s, 보폭 0.5단위, 좌우 위상차 180deg, 관절 회전 진폭 25deg, 이징 none을 사용하고 본문과 분리해. 0초, 0.4초, 1.2초 시점을 캡처해 시작 상태와 중간 변화 및 대상 가독성을 확인하고 같은 시점을 다시 seek해 결과가 같은지 검증해.

Apply Walk Cycle to the scene layer in <file>. Use period 1.2s; stride 0.5 units; left-right phase offset 180deg; joint rotation amplitude 25deg 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.