Unity + Oculus Integrationでボタンを押す（その４：好きな形のボタンを作成）

Unity + Oculus Integrationを使ってコントローラやハンドトラッキングでボタンを押すまでの手順をStep by stepで説明します。
やっていることはOculus Integrationのサンプルシーン「PokeExamples」と同様ですが、これを0から組み立ててみてSceneを構成するコンポーネントの役割への理解を深めようという趣旨の記事です。
ボタンを押す動作はOculus IntegrationのPoke Interaction | Oculus Developersという機能を使って実装します。
Pokeには「つつく」という意味があります。

以下のステップで実装を進めていきます。

無地のボタンの作成
ボタンの大きさ・高さの調整
ラベル付きボタンの作成
好きな形のボタンを作成（本記事）
Canvas上にボタンを作成

2022/11/7: githubにプロジェクトを共有しました。
github.com

環境構築・プロジェクト作成
利用するコンポーネント
Scene構築手順
動作確認
参考サイト

環境構築・プロジェクト作成

環境構築とプロジェクト作成の手順については、こちらの記事を参照してください。

rhikos-prgm.hatenablog.com

利用するコンポーネント

今回の記事で新たに使用するコンポーネントは特にありません。

Scene構築手順

Sceneの作成

空のシーンを作成します。（Assets/Sandbox/HandPoke/Scenes/PokeScene3）
途中までは以下の記事のPokeScene2と同様に進めます。
（PokeScene2が作成済みならコピーしてリネームすれば良いです）

rhikos-prgm.hatenablog.com

ボタンを作成する

Interactables/Buttons配下に「Assets/Oculus/Interaction/Runtime/Prefabs/Poke/PokeInteractable」のprefabを配置して「ObjectButton」にリネームします。

ObjectButtonを右クリックで設定して「Prefab > Unpack」します。
※前回と同様にprefabの構成をいじっていくので元のprefabに影響を与えないようにUnpackします。

prefabの構成を変更

ObjectButton/Visuals配下の構成を変更していきます。
変更前はButtonVisualに

ボタン位置を決めるスクリプト
PokeInteractableVisual
ボタンのパネル表示をするスクリプト
QuadMesh, MeshRenderer, MaterialPropertyBlockEditor, RoundedBoxProperties, InteractableColorVisual

がアタッチされている状態です。

変更前:
ObjectButton(PokeInteractable)
 +- Visuals
     +- ButtonVisual ... (1), (2)のスクリプト

これを

変更後:
ObjectButton(PokeInteractable)
 +- Visuals
       +- ButtonVisual             ... (1)のスクリプト
       |     +-- [ボタンの形状（押すと動く部分）]
       +- [ボタンの形状（押しても動かない部分）]  -> 必要に応じて

のような構成に変更します。
ボタン位置を決めるオブジェクトを親に設定して、その子要素に任意の形のボタン形状を追加するイメージです。
また、必要に応じて押しても動かない部分の形状をVisualsの子要素として追加します。

ボタンの形状は何でもよいのですが、今回はCylinderとCubeを組み合わせた、以下のような形状のボタンを追加します。