# PHY Editor モックの所感(画面仕様の入力)

モックを触った所感と、それを受けた議論の整理。**仕様ではない。**
画面仕様を一から作るときの入力にし、仕様へ反映したら消す。

## 方向が合意できたもの

### 選択
- 何を選択しているかが一目で分かること(モックは選択枠がほぼ見えない。下記「モックの実装上の問題」)。
- クリックでの追加選択は1件ずつのトグルのみ(連続選択の「順番」は作らない)。
- 複数選択はキャンバス上のドラッグ(範囲選択)でもできる。
- キャンバスでクリックしたとき先に選ばれるのはキー。クラスターを選ぶ手段は別に要る(要検討)。
- 何もない場所のクリック・Escで選択を外せる。

### クラスター
- クラスターの当たり判定・選択表示は子を囲む矩形。クラスターのローカル座標で取る(回転に追従するOBB)。
- 階層(ツリー)パネルはクラスター・VariantGroupの選択と構造の確認に必要。キーの一覧としては不要なので、キーは畳むなど目立たせない。
- VariantGroupはクラスターの一種という認識。移動・回転の「親」にVariantGroupも含む。

### 移動・回転・サイズ
- 移動・サイズ変更・削除をキーボードで操作できる。削除は参照の確認(T-15)を省かない。確認は操作した場所の近くに出す。
- 矢印キーでの移動方向は、直近の親(クラスター・VariantGroup)の軸方向。ドラッグと同じ。
- 複数選択に対して回転以外の操作(移動など)もできる。
- 複数キーを共通の中心で回したいなら、それはクラスターをなす。選択ノードを個別に回転する操作はそれとして残す。

### 表示
- キャンバスは画面サイズに追従する(モックは1152×896px固定)。
- 読み込み時は全体が収まり中央に来るようにズームする。同じ操作をボタン・キーでも呼べる(全体表示)。
- 見出しを付けすぎない(「レイアウト」「PHYの木」など)。
- ボタンはアイコン化したい。ツールチップを付ける。

## 要検討

- キャンバス上でクラスターを選ぶ手段(キー選択から親へ上がる操作、クラスター枠内の空き場所のクリック、など)。
- フォーカスモード(特定クラスター内だけ表示し、他を薄くする)の要否。作るなら「クラスターに入る」操作(ダブルクリックなど)とセットにする。
- 個別回転とクラスター化してからの回転のどちらを主な操作にするか。
- ドラッグのスナップの細かさ。0.25U刻みはズーム1倍で16pxずつ飛び、細かい調整がしづらい。キーボード操作で足りるなら不要。
- 矢印キーの刻み幅(修飾キーで粗く・細かく、など)。
- どこまでアイコンのみのボタンにするか。
- UIでの呼び方。PHY・ELCなどのレイヤー名は設計上の仮称で、画面に出すかどうかは別途決める(「PHYの木」→「階層」など)。
- ホイールでのカーソル中心ズーム、ホバー時の強調、コピー&ペースト(モックに無い。未議論)。

## モックの実装上の問題

作り直しで解消する前提で、原因の記録だけ残す。

- 選択枠が見えない: `.key-face` に `vector-effect: non-scaling-stroke` があり、`stroke-width: 0.055` が画面上0.055pxになる。
- クラスターをキャンバスでつかめない: クラスターの `<g>` に面がなく、子キーの `pointerdown.stop` が先に取る。
- プロパティ欄の「±.25U」「±15°」は+方向しか呼ばない。画面下部に同じ操作の −/+ ボタンが重複している。
- 複数選択の回転は各ノードの原点まわりに個別に回る。ドラッグで動くのはつかんだ1件だけ。