クイックスタート - バーチャルリアリティ

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に転送する必要があります:

  1. 必ずあなたのデバイスで「USBデバッグ」が有効になっていることを確認してください!Androidデバイスでは、 「ビルド番号」をタップして確認が表示されるまで行い、次に「USBデバッグ」設定を見つけて有効にします。

Chromiumベースのブラウザ (Meta Browser, Pico Browser, Edge) 

デバイス: Meta Quest 1/2/Pro, Pico Neo 3, Pico 4, HoloLens

  1. Chromeのガイドに従って、リモートデバッグを行います。もしOculus Questが表示されない場合は、adb devicesを実行してadb-serverを開始する必要があります。AdbはAndroid Platform Toolsに含まれています。

  2. 最後に、この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

  1. Firefox Nightlyを開き、右上のメニューからTools > More Tools > Remote Debuggingを選びます。

  2. Wolvicでは「Settings > Developer Options > Enable Remote Debugging」に進みます。

ケーブルを避ける 

「ADB over Wifi」を有効にするには、まずUSB-Cを介してデバイスをPCに接続します。

Meta Quest Developer Hubで、「ADB over Wifi」をオンにし、デバイスを切断します。

他のデバイスの場合、Android Platform Toolsをインストールした後に以下のコマンドを実行します:

1adb devices  # デバイスが接続されているか確認
2adb tcpip 5555
3adb shell ip addr show wlan0  # デバイスのIPアドレスを見つける
4adb connect <ip-address-of-device>:5555
5# USBケーブルを切断
6adb devices  # デバイスがまだ接続されているか確認

コントローラー入力 

Oculus Quest上でアプリケーションが動作するようになったので、次のステップはコントローラーを追加することです。

コントローラーモデル 

Jezza3Dによる低ポリのOculus Touch v2コントローラーモデルをblenderにインポートし、変換に少し手を加えてglbとしてエクスポートしたものをダウンロードしてください: quest_controllers.glb

新しいファイルをassetsフォルダにドラッグ&ドロップします。そこから、それらを**「Player」オブジェクト上に**ドラッグします。

クイックスタート - バーチャルリアリティ

コンポーネント 

各コントローラーに入力コンポーネントを追加し、入力タイプをhand righthand leftにそれぞれ設定します。

クイックスタート - バーチャルリアリティ

「Package」をクリックすると、コントローラーがVR内部で表示され動き回るようになります!

まとめ 

Wonderland EngineでWebXRコントロールを作成することは非常に便利です。

ここからは、独自のJavaScriptコンポーネントを使用してカスタム動作を追加し始めることができます。 詳細はこちら