3D 애니메이션
각 규칙은 이전 동영상 강의에서 가져왔습니다. 대괄호 안은 출처입니다(범례는 하단 참조).
간단 규칙
- 손, 몸통, 다리, 신발은 씬에 항상 유지하고, 카메라가 아래를 볼 때만 켜지 않도록 합니다. [3D]
- 자세 전환은 항상 0.25–0.6초 동안 혼합(가중치)하여 자연스럽게 전환하고,
if (t > a)같은 스위치를 사용하지 않습니다. [3D] - 각도는 항상 짧은 경로(
lerpAng)로 혼합합니다. [3D] - 다음 애니메이션 블록은 이전 블록이 끝난 위치에서 시작하고, 경로의 중간 지점에서 시작하지 않습니다. [3D]
- 손에 든 물체는 접촉을 통해 유지합니다. 캐릭터를 이동시켜 손이 물체 지점에 닿도록 하고, 물체는 몸통이 아닌 손에 고정합니다. [3D] [과학대중화]
- 발은 표면 아래 0–6mm에 위치시키고, 표면 위로 뜨지 않도록 합니다. [과학대중화] 손이 표면에 닿을 때는 손가락 끝까지만 정확히 올립니다. [3D]
- 발걸음 거리는 시간이 아닌 이동 거리로 결정합니다. [과학대중화]
- 다중 프로세스 렌더링 시 자세를 미리 베이킹(baking)하여 부드럽게 만들고, 페이지에 준비된 보정값을 전달합니다. [3D]
- 접촉 그림자는 가장 적은 비용으로 가장 큰 '접지감'을 제공합니다. [3D]
- 교차 및 급격한 움직임 감지기는 최종 렌더링 전까지 계속 실행하되, 동작이 발생하는 순간의 전체 해상도 프레임은 직접 눈으로 확인합니다. [3D]
상세 내용
body-and-hands.md— 1인칭 손과 몸, 소매와 커프스, 표면 및 가구와의 접촉.motion.md— 자세와 각도 혼합, 애니메이션 블록, 캐릭터 밀쳐내기, 대사 사이의 '생동감', 도형과 물체.materials-and-light.md— 발광, 그림자, 나무, 모서리 둥글림, 화면, 폰트, 스포트라이트 광선.frame-checks.md— 교차 및 급격한 움직임 감지기와 그 한계.
렌더링 및 가속은 video-render 스킬을, 씬 내 손 동기화와 인터페이스 녹화는 video-ui-capture 스킬을 참조하세요.
출처
- [3D] — 브라우저 기반 1인칭 3D 동영상 강의 (three.js → 프레임별 렌더링).
- [과학대중화] — 소비에트 과학대중화 및 1970년대 초 필름스트립 스타일 동영상 강의 (평면 도형 및 물체 애니메이션).