# Ep.8 — Picker · カスタムピッカー構成

https://youtu.be/sIaP6u_IDn4?si=YUSWCM3V558NzZZs

## 概要

**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と合わせること。