fix

book/gas/03_vrm.md

@@ -4,5 +4,102 @@
 
 ueで読み込むには`vrm4u`というpluginを使用します。
 
+<iframe width="100%" height="415" src="https://www.youtube.com/embed/BsLOlAr-wBY?si=jahPUVD8YMMfefvm&start=0&end=15&mute=1&rel=0&showinfo=0&controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
 ## vrm4u
 
+1. [vrm4u](https://github.com/ruyo/VRM4U/releases)をダウンロード(download)して、`$project/Plugins`に入れる。
+> $project/Plugins/VRM4U/VRM4U.uplugin
+2. editorのファイルエクスプローラーで`.vrm`のモデルファイルをD&Dします。色々と聞かれますが適当にokや選択します。配色タイプが聞かれます。例えば、`$project/Content/Characters`に`ai`というフォルダを作り`ai.vrm`をimport(インポート)した場合で解説します。通常は`$model_name`を使用します。
+> $project/Content/Characters/$model
+
+重要なファイルは`$project/Content/Characters/ai/SK_$model`, `ABP_Post_$model`, `RTG_UEFN_$model`になります。なお、`vrm 1.0`を使用します。
+
+https://vrm.dev/vrm1/
+
+## 指の角度を調整する
+
+これは`RTG_UEFN_$model`で調整します。各指にある線を選択して値を変更します。
+
+- `回転アルファ:0.5`
+- `ボールベクターオフセットを維持:false`
+
+## 前髪の角度を調整する
+
+これは`/Content/Character/$model/VM_${model}_VrmMeta`で調整します。具体的には以下のような値にすればいいでしょう。
+
+```json
+[
+  {
+    "bone Name": "J_Sec_Hair1_03",
+    "Hit Radius": 0
+  },
+  {
+    "bone Name": "J_Sec_Hair2_03",
+    "Hit Radius": 0.01
+  },
+  {
+    "bone Name": "J_Sec_Hair3_03",
+    "Hit Radius": 0.01
+  }
+],
+[
+  {
+    "bone Name": "J_Sec_Hair1_04",
+    "Hit Radius": 0
+  },
+  {
+    "bone Name": "J_Sec_Hair2_04",
+    "Hit Radius": 0.01
+  },
+  {
+    "bone Name": "J_Sec_Hair3_04",
+    "Hit Radius": 0.01
+  }
+],
+[
+  {
+    "bone Name": "J_Sec_Hair1_05",
+    "Hit Radius": 0
+  },
+  {
+    "bone Name": "J_Sec_Hair2_05",
+    "Hit Radius": 0.01
+  },
+  {
+    "bone Name": "J_Sec_Hair3_05",
+    "Hit Radius": 0.01
+  }
+]
+```
+
+飛行時に髪が爆散する問題は以下です。
+
+```json
+{
+  "bone Name": "J_Sec_Hair2_03",
+  "Hit Radius": 0.0
+},
+{
+  "bone Name": "J_Sec_Hair1_09",
+  "Hit Radius": 0.01
+},
+{
+  "bone Name": "J_Sec_Hair1_10",
+  "Hit Radius": 0.01
+}
+```
+
+## アウトラインを追加する
+
+アウトライン(outline)
+
+1. `/Content/Blueprints/RetargetedCharacters/CBP_SandboxCharacter_$model`を作成します。前と同じ要領で新しいキャラクターを追加し、GASで使えるようにします。
+2. componentで`BP_VrmOutlineComponent`を追加します。
+
+## 見た目をきれいにする
+
+これには様々なやり方が存在します。調べた限りではちゃんと機能するやり方がわからないように感じます。
+
+私はcomponentの`VrmPoseableMesh`を追加して、そこに配色タイプの`custom`を当てることで調整しています。ベースは配色タイプの`unlit`を使用します。もし`unlit`で`.vrm`をimportしていない場合は再度importしてください。
+

book/gas/04_vmc.md

@@ -37,5 +37,24 @@ clientから送信されるportをpluginで受信します。build packageの`.e
 
 <iframe width="100%" height="415" src="https://www.youtube.com/embed/BsLOlAr-wBY?si=jahPUVD8YMMfefvm&start=195&end=204&mute=1&rel=0&showinfo=0&controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
-VMCモードを有効にすると、キャラクターがidle状態、つまり、停止しているときだけVMCのモーションキャプチャを反映させます。
+キャラクターがidle状態、つまり、停止しているときだけVMCのモーションキャプチャを反映させます。
 これはVMCモードの変数を用意し、ABPで条件を書いて実現しています。キャラクターを動かしたときは一時的に無効にします。
+
+関数を作り、bool型でグローバル変数で作ります。それをVMCモードの`enable/disable`とします。カメラは正面と通常を切り替えています。
+
+```sh
+/Content/Blueprints/CBP_SandboxCharacter
+```
+
+<iframe src="https://blueprintue.com/render/za634zjp/2" scrolling="no" allowfullscreen style="width:100%;height:400px"></iframe>
+
+移動するときは一時的に無効にします。移動が完了すると有効にします。GASの移動は終了後に少し滑るので`delay`を入れています。
+
+<iframe src="https://blueprintue.com/render/za634zjp/3" scrolling="no" allowfullscreen style="width:100%;height:400px"></iframe>
+
+```sh
+/Content/Chracters/$model/ABP_Pose_$model
+```
+
+<iframe src="https://blueprintue.com/render/za634zjp/1" scrolling="no" allowfullscreen style="width:100%;height:400px"></iframe>
+