← すべてのタグに戻る

タグ: WebXR

17件の記事

ブログ記事 (4件)

デモ (13件)

入力beginner

コントローラー入力

WebXR Gamepad APIでVRコントローラーのボタン・スティック・トリガー入力を取得するデモ。

ARintermediate

深度センシング

WebXR Depth Sensing APIで現実空間の奥行き情報を取得し、オクルージョンを実現するデモ。

UIbeginner

DOM Overlay

WebXR DOM Overlay APIでAR空間上に通常のHTML要素を重ねて表示するデモ。

入力intermediate

アイトラッキング

WebXR Eye Tracking APIを使って視線方向を取得し、注視点をリアルタイムに表示するデモ。

入力intermediate

フェイストラッキング

WebXR Face Tracking APIで顔の表情やブレンドシェイプをリアルタイムに取得するデモ。

入力beginner

ハンドトラッキング(基本)

WebXR Hand Input APIによるハンドトラッキングの基本実装。手の関節位置をリアルタイムに取得・表示します。

ARbeginner

ヒットテスト(基本)

WebXR Hit Test APIを使い、現実世界の平面にオブジェクトを配置するARデモ。

ARintermediate

画像トラッキング

WebXR Image Tracking APIで現実の画像を認識し、その上に3Dコンテンツを表示するARデモ。

VRintermediate

IWSDK VR記事ギャラリー

MetaのImmersive Web SDKで構築したVR空間内の記事閲覧ギャラリー。BANGEOのブログ記事をVR内で読むことができます。

ARbeginner

平面検出

WebXR Plane Detection APIで現実空間の平面を検出し、可視化するデモ。

オーディオintermediate

空間オーディオ

Web Audio APIとWebXRを組み合わせた3D空間オーディオのデモ。音源の位置に応じて音が変化します。

VRbeginner

テレポーテーション移動

VR空間内でレイキャストによるテレポーテーション移動を実装するデモ。

ARadvanced

マルチユーザーAR(コロケーション)

WebXR Shared Spacesを使い、複数のヘッドセットが同じ物理空間でARコンテンツを共有するデモ。