WebXR デモ
公開できる状態になったデモから順次追加しています
🧪
入力初級
コントローラー入力
WebXR Gamepad APIでVRコントローラーのボタン・スティック・トリガー入力を取得するデモ。
🧪
AR中級
深度センシング
WebXR Depth Sensing APIで現実空間の奥行き情報を取得し、オクルージョンを実現するデモ。
🧪
UI初級
DOM Overlay
WebXR DOM Overlay APIでAR空間上に通常のHTML要素を重ねて表示するデモ。
🧪
入力中級
アイトラッキング
WebXR Eye Tracking APIを使って視線方向を取得し、注視点をリアルタイムに表示するデモ。
🧪
入力中級
フェイストラッキング
WebXR Face Tracking APIで顔の表情やブレンドシェイプをリアルタイムに取得するデモ。
🧪
入力初級
ハンドトラッキング（基本）
WebXR Hand Input APIによるハンドトラッキングの基本実装。手の関節位置をリアルタイムに取得・表示します。
🧪
AR初級
ヒットテスト（基本）
WebXR Hit Test APIを使い、現実世界の平面にオブジェクトを配置するARデモ。
🧪
AR中級
画像トラッキング
WebXR Image Tracking APIで現実の画像を認識し、その上に3Dコンテンツを表示するARデモ。
VR中級
IWSDK VR記事ギャラリー
MetaのImmersive Web SDKで構築したVR空間内の記事閲覧ギャラリー。BANGEOのブログ記事をVR内で読むことができます。
🧪
AR初級
平面検出
WebXR Plane Detection APIで現実空間の平面を検出し、可視化するデモ。
🧪
オーディオ中級
空間オーディオ
Web Audio APIとWebXRを組み合わせた3D空間オーディオのデモ。音源の位置に応じて音が変化します。
🧪
VR初級
テレポーテーション移動
VR空間内でレイキャストによるテレポーテーション移動を実装するデモ。
🧪
AR上級
マルチユーザーAR（コロケーション）
WebXR Shared Spacesを使い、複数のヘッドセットが同じ物理空間でARコンテンツを共有するデモ。