デモ
ヘッドセット・スマートフォン・PC で試せます
🧪
入力コントローラー入力
WebXR Gamepad APIでVRコントローラーのボタン・スティック・トリガー入力を取得するデモ。
🧪
AR深度センシング
WebXR Depth Sensing APIで現実空間の奥行き情報を取得し、オクルージョンを実現するデモ。
🧪
UIDOM Overlay
WebXR DOM Overlay APIでAR空間上に通常のHTML要素を重ねて表示するデモ。
🧪
入力アイトラッキング
WebXR Eye Tracking APIを使って視線方向を取得し、注視点をリアルタイムに表示するデモ。
🧪
入力フェイストラッキング
WebXR Face Tracking APIで顔の表情やブレンドシェイプをリアルタイムに取得するデモ。
🧪
入力ハンドトラッキング（基本）
WebXR Hand Input APIによるハンドトラッキングの基本実装。手の関節位置をリアルタイムに取得・表示します。
ブログ記事
WebXRの技術解説とニュース
チュートリアル
8th Wall World Effects入門──地面タップでオブジェクトを配置するARデモの作り方
8th Wall OSS版の配布バイナリ（SLAM対応）とA-Frameを使い、地面タップでサボテンを配置するWorld Effectsデモの実装を解説します。
2026年3月5日
GUIDE
iPhoneでWebXRを動かす方法 - App Clipの仕組みと活用ガイド
iOSのSafariはWebXRを直接サポートしていませんが、App Clipという仕組みを使えばiPhoneでもWebXR ARを体験できます。EyeJack、Variant Launchなどのソリューションと、その技術的な仕組み、さらには自作への挑戦方法まで詳しく解説します。
2025年12月28日
GUIDE
PC + VRヘッドセットでWebXRを体験するガイド
PCのブラウザからVRヘッドセットにWebXRコンテンツを表示する仕組みを技術的背景から解説。SteamVR、Oculus Link、OpenXRランタイムの役割と、セットアップ方法をステップごとに詳しく説明します。
2025年12月25日
コミュニティに参加
質問や情報交換は Discord でどうぞ