# Ep.8 — Picker · 커스텀 피커 구성

https://youtu.be/vyr-gztosFI?si=5UqIZ6KCAJTU5F71

## 개요

**Picker** = 뷰포트에서 컨트롤러를 **하나하나 찾지 않고**, **버튼**으로 빠르게 **선택**하는 UI입니다.  
BipedPlus **Picker 탭**에서 **만들기·연결·저장**까지 합니다.

## 사전 준비

- Build ~ Controller까지 완료
- **Figure Mode가 꺼진** 상태 (애니·리깅 작업 모드)
- Picker 창이 **처음에 크게** 열릴 수 있음 — 모니터에 맞게 줄이면 됩니다

## 단계별 가이드

### 1. Picker 열기 · Scan

1. **Picker 탭**에서 Picker 창을 엽니다.
2. **Scan** — 씬의 BipedPlus 리그를 **읽어 들여** 버튼 영역이 **활성화**됩니다.  
   → Scan 안 하면 **비어 있거나** 버튼이 **안 먹을** 수 있습니다.
3. 창 **모서리**를 드래그해 크기 조절.

### 2. Connect / Disconnect — 버튼과 컨트롤러 연결

1. **Connect 모드**를 켭니다.
2. 뷰포트 **컨트롤러**를 Picker **버튼 위**로 **드래그**해 연결합니다.
3. 연결 후 Connect를 **끄고**, 버튼을 누르면 해당 컨트롤러가 **선택**됩니다.
4. **Disconnect** — 연결 해제.

> Connect **켜진 상태**에서 버튼만 누르면 **선택이 안 될** 수 있습니다 — Connect **OFF** 후 테스트.

### 3. Template vs Edit 모드

| 모드 | 설명 |
|------|------|
| **Template(템플릿)** | **기본 제공** 레이아웃 — 위치만 약간 조정 |
| **Edit(편집)** | 버튼 **추가·삭제·크기·배경** 자유 |

**템플릿을 수정하려면 (중요):**

1. **「다른 이름으로 저장」** — 원본을 **복사**합니다.
2. **Edit 모드**로 바꿉니다.
3. 팀/테스트용 이름으로 저장 후 편집.

→ **원본 템플릿을 직접 덮어쓰지 마세요.**

### 4. 버튼 추가 · 정렬 · 미러

1. Edit 모드 → **Add Button** 등으로 버튼 추가.
2. 버튼 **3개**를 세로로 배치하는 예 (영상).
3. **Align(정렬)** — 간격·줄 맞춤.
4. **Mirror** — Picker UI 위에서 **좌우 대칭** 배치.
5. **Save / Update** → **애니메이션 모드**에서 버튼 눌러 **선택 되는지** 확인.

### 5. 배경 이미지

- 캐릭터 **실루엣 그림**을 배경으로 넣으면, **어깨·손·다리** 위치에 버튼을 **직관적으로** 배치하기 좋습니다.

### 6. Ani Utils와 같이 쓰기

- Picker + **Ani Utils**를 Max **옆에 붙여 두면**  
  **버튼으로 선택 → Key → Mirror** 가 한 흐름으로 이어집니다.

## 팁

- 리그 **구조 변경**(커스텀 컨트롤러 추가, Build 옵션 변경) 후 → **Scan 다시**.
- Twist **5개** 등 본 수 바꿨으면 Picker **프리셋**도 Ep.3과 맞출 것.