# 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` 갱신.