WebXR デモ
公開できる状態になったデモから順次追加しています
Quest MR中級
ルームスケール境界ビューア
Quest Browserのbounded-floor / local-floor挙動を確認し、プレイエリア境界と床基準のずれを可視化する実験です。
約4分
Quest MR中級
Quest奥行き合成デモ
QuestのMR環境で、仮想の箱が現実の机や壁との前後関係を持てるか確認するための奥行き合成実験です。
約4分
空間Web初級
ページ内3Dモデルを空間表示へつなぐ実験
HTMLのmodel要素、代替ライブラリ、静止画表示を切り替えながら、Webページ内の3Dモデル表示を確認するデモです。
約4分
描画性能中級
WebGPUからWebGLへ切り替える実験
WebGPUが使えない端末やブラウザで、WebGL相当の描画経路へ切り替える判断を可視化するデモです。
約5分
AR初級
顔にサングラスを重ねるAR — 8th Wall Face Effects
カメラに映った顔の目の位置に3Dサングラスを自動追従で重ねるARデモです。8th Wall OSSとローカル版xrextrasで構成し、iPhone SafariやAndroid Chrome、PCでも動作します。
AR上級
WebXR ルームスキャン & GLB 書き出し
Meta Quest 3 / 3S / Pro のシーンメッシュを WebXR Mesh Detection で取得し、部屋の形状を GLB ファイルとしてその場でダウンロードできるデモ。IWSDK と Three.js GLTFExporter で実装。
VR中級
VRの中でブログ記事を読むデモ（IWSDK）
VRゴーグル（Quest など）の中で、サイトの記事カードを選んで本文まで読めるサンプルです。Meta Immersive Web SDK（IWSDK）で構築しています。