クイックスタート - バーチャルリアリティ
Wonderland EngineはWebXRに焦点を当てており、これを介してWebXR Device APIを使うことは非常に便利です。
このチュートリアルでは、コントローラー入力に必要なコンポーネントを設定します。
Getting Startedから続きを始めます。
基礎
背景情報として、VRに精通しており、Oculus Quest上でWebXRアプリを実行する方法を知っている場合は、Controller Inputにスキップしてください。
ステレオレンダリング
ユーザーが画面の右下にある「VR」ボタンを押してVRモードに入ると、Wonderland Engineは自動的にステレオレンダリングを開始します。
「ステレオ」とは、左目用と右目用の2つのビューがレンダリングされることを意味します。対して「モノ」は_単一ビュー_です。
“Player"オブジェクトをクリックすると、モノレンダリング用の"NonVrCamera"とステレオレンダリング用の"EyeLeft"と"EyeRight"オブジェクトが見つかります。
ヘッドセット入力
ビューがユーザーの頭部に追従するようにするため、“EyeLeft"と"EyeRight"には(デフォルトシーンから)「input」コンポーネントが既に設定されています。 _Input components_はさまざまな形式の入力ポーズを読み取り、それを取り付けられたオブジェクトに適用します。
XRデバイスへの表示
ヘッドセットで表示するには、ヘッドセットを接続し、XRヘッドセットからPCへのウェブトラフィックをlocalhost
に転送する必要があります:
- 必ずあなたのデバイスで「USBデバッグ」が有効になっていることを確認してください!Androidデバイスでは、 「ビルド番号」をタップして確認が表示されるまで行い、次に「USBデバッグ」設定を見つけて有効にします。
Chromiumベースのブラウザ (Meta Browser, Pico Browser, Edge)
デバイス: Meta Quest 1/2/Pro, Pico Neo 3, Pico 4, HoloLens
Chromeのガイドに従って、リモートデバッグを行います。もしOculus Questが表示されない場合は、
adb devices
を実行してadb-serverを開始する必要があります。AdbはAndroid Platform Toolsに含まれています。最後に、このChromeポートフォワーディングガイドに従ってポート
8080
をフォワードします。これにより、Meta/Pico Browser内からhttp://localhost:8080/index.html
にアクセスし、WebXRの「https」に限定される制約を回避します(これは「localhost」のみで可能です!)。
Geckoベースのブラウザ (Wolvic)
デバイス: Meta Quest 1/2/Pro, Huawei VR, HTC Vive Focus 3, Lynx R1, Pico Neo 3, Pico 4
Firefox Nightlyを開き、右上のメニューから
Tools > More Tools > Remote Debugging
を選びます。Wolvicでは「Settings > Developer Options > Enable Remote Debugging」に進みます。
ケーブルを避ける
「ADB over Wifi」を有効にするには、まずUSB-Cを介してデバイスをPCに接続します。
Meta Quest Developer Hubで、「ADB over Wifi」をオンにし、デバイスを切断します。
他のデバイスの場合、Android Platform Toolsをインストールした後に以下のコマンドを実行します:
コントローラー入力
Oculus Quest上でアプリケーションが動作するようになったので、次のステップはコントローラーを追加することです。
コントローラーモデル
Jezza3Dによる低ポリのOculus Touch v2コントローラーモデルをblenderにインポートし、変換に少し手を加えてglbとしてエクスポートしたものをダウンロードしてください: quest_controllers.glb。
新しいファイルをassets
フォルダにドラッグ&ドロップします。そこから、それらを**「Player」オブジェクト上に**ドラッグします。
コンポーネント
各コントローラーに入力コンポーネントを追加し、入力タイプをhand right
とhand left
にそれぞれ設定します。

「Package」をクリックすると、コントローラーがVR内部で表示され動き回るようになります!
まとめ
Wonderland EngineでWebXRコントロールを作成することは非常に便利です。
ここからは、独自のJavaScriptコンポーネントを使用してカスタム動作を追加し始めることができます。 詳細はこちら。