스틱맨 애니메이션 스킬 (animation-skill-main)
확정적인 스튜디오 품질의 2D/3D 스틱 피겨 애니메이션(1080×1920 세로 9:16, 30.0 FPS)을 생성합니다. HTML5 Canvas + WebGL2 / Three.js를 통해 번들링 단계 없이 렌더링하며, 헤드리스 Chromium으로 확정적인 프레임을 캡처(window.seekToFrame(f))하고 ffmpeg를 사용하여 MP4로 조립합니다.
10단계 제작 파이프라인
- 매개변수 추론 및 보간:
1080×1920(9:16 세로),30.0 FPS, 확정적 프레임 시크. - 비트 시트 및 짧은 형식 유지 공식:
- 훅 (
0–3초): 즉각적인 시각적 액션 + 역설이 사실로 서술됨. - 설정 및 확대:
1.5–2.5초마다 시각적 변화 또는 카메라 리프레임(A-B-A-C 샷 교대). - 전환 / 과학: 5개의 뚜렷하고 반복되지 않는 물리적 컷어웨이 또는 비유 시범 (동일한 다이어그램을 두 번 반복하지 않음).
- 클라이맥스 및 대가: 감정적/아이러니한 반전 및 웅장한 크레인 후퇴.
- 훅 (
- 샷으로 분해 (
story.json/timeline.js): 각 샷은 카메라pos,look,fov,focusDist,dofStrength및 액터 포즈를 정의합니다. - 자산 조립 (
library/js/rig.js):- 핵심 규칙: 항상 직선 2-본 관절 스틱 팔다리 사용(
solveIK([shoulder, elbow, hand])및solveIK([hip, knee, foot])) — 곡선형 누들 팔 금지. - 고정된 사이클로이드 보행: 지지하는 발은 3D 지면 좌표에 고정되고, 흔드는 발은 월드 공간 사이클로이드 호를 따라 움직입니다(발 미끄러짐 제로).
- 3단계 페인팅 운동학: (1) 브러시를 3D 크롬 통에 담금(
0.00..0.16), (2) 3D 거더를 따라 선형 수직 상향 스트로크(0.16..0.58), (3) 손목 회전과 브리슬 벌어짐 반전이 포함된 선형 수직 하향 스트로크(0.58..1.00).
- 핵심 규칙: 항상 직선 2-본 관절 스틱 팔다리 사용(
- 스토리보드 키프레임 렌더링 (
scripts/capture_frames.mjs). - 스토리보드 자체 검토 (
references/11-ship-gates.md): 실루엣 가독성, 3분할 법칙에 따른 눈 위치, 방해 없는 시선. - 비선형 이징으로 애니메이션 (
library/js/easing.js): 카메라 이동에는 대칭smootherstep(glide), 감속에는power2Out, 충격/스냅에는 7프레임 사인 플리핑 임팩트 킥. - 프레임 캡처 및 조립 (
scripts/stitch.mjs): 진정한 30.0 FPS 비양자화 캡처(멈춤 또는 고정 프레임 없음). - 연락처 시트 최종 QA (
scripts/contact_sheet.py). - 전달: 시크 가능한
.html스튜디오 플레이어 +1080×1920H.264.mp4.