Babylon.jsでOculus Questコントローラの入力を取る方法

Babylon.jsを使ってOculus Questのコントローラ周りを色々と調べています。

コントローラの表示はできても、各ボタンの入力を取るための具体的な方法が見つからなかったので、まとめてみました。

1. コントローラの表示はOculus Touchだが、全ボタンの入力を検出可能

v4.1.0時点ではOculus QuestのWebブラウザでみると、Oculus Touchのコントローラが表示されます。ただ、Oculus Questコントローラの全入力は取ることができました。

今回の入力対象です。検出対象のボタンは左右で４つずつあり、それ以外にスティックも１本ずつあります。

必要な箇所のみソースコードで書きました。基本的に、WebVRControllerクラスのonMainButtonStateChangedObservableメソッドを使うことで１回のボタン入力を検出できます。

Triggerボタンは、押し込む量によって入力が異なります。そのため、ABXYボタンと同じ書き方をすると、１回押したつもりでもconsole.logが何度も呼ばれることになります。

今回は、MainTriggerボタンを１回押したことを検出させたかったので、このようにしています。

MainTriggerボタンと同様です。

Stickボタンは、倒した方向のx, y座標を-1〜1の範囲で取得できます。

ボタン入力を確実に確かめたかったので、Babylon.jsのscalingというメソッドを使って、ボタンを１回押すとオブジェクトが大きくなり、もう一度押すと元のサイズに戻るというサンプルを作りました。

また、左右のコントローラのstickの値を取り、中央のboxを動かすようにしてみました。

それぞれのCubeとSphereはこのようにキーと割り当たっています。

ソースコードはこちらで公開しています。

ボタン入力方法がわかったので、VRコンテンツ開発向けの基本的な準備が整ってきました。次はRaycast、TeleportationなどのVRで基本となるものの使い方をもう少し調べてみようと思います。