Dansori_Characters/Noeul_Live2D/07_Viewer/Viewer.md

Viewer.md — 리그 뷰어 (index.html) 사용법

자립형 캔버스 런타임(프로토타입). 더블클릭만으로 노을 리그가 60fps로 춤춘다(이미지 없이 플레이스홀더로).

현 단계 뷰어는 리그 클립 재생기(Phase 1 검증용). 반응 시퀀서(베이크드+표정 레이어 합성)는 Phase 2에서 확장 → ../08_Roadmap/Roadmap.md.

실행

• index.html 를 브라우저로 열기(더블클릭). 서버·빌드 불필요. 기본 리그/애니메이션 내장.

컨트롤

버튼	기능
⏸/▶	재생 토글 · 속도 슬라이더 0~2배
🖼 아트 사용	파츠 PNG로 렌더 ↔ 플레이스홀더
🦴 스켈레톤	관절점·본 라인 오버레이(튜닝용)
📂 rig.json / animation.json	외부 파일 로드(수정본 반영)
🖼 파츠 PNG(다중)	파츠 이미지 직접 지정(파일명 매칭)

이미지 붙이기

1. 자동: ChatGPT 결과를 ../03_Assets/Parts/Images/ 에 정확한 파일명으로 저장 → 뷰어 자동 로드 → 🖼 아트 사용 ON.
2. 수동(상대경로 차단 시): 🖼 파츠 PNG(다중)로 직접 선택. 우측 패널 파츠 이미지 로드: N/16 확인.

튜닝

• 🦴+🖼 켜고 분홍 관절점이 아트 관절에 오도록 ../04_Rig/rig.json의 imgAnchor/pos 수정 → 📂 rig.json 재로드.
• 모션은 ../05_Animation/dance_idle.json 수정 → 📂 animation.json 재로드.

참고

• 내장 리그/클립은 ../04_Rig/rig.json·../05_Animation/dance_idle.json 의 사본. 파일 수정 후 📂로 로드하거나 index.html 상단 DEFAULT_RIG/DEFAULT_ANIM 갱신.