WebXR Hit Test Module の基本挙動を、ブラウザ上で確認するためのデモです。
Hit Test は、コントローラーや画面中央からレイを伸ばし、現実空間の床・壁・テーブルなどの面との交差点を取得する機能です。AR体験では、3Dモデルを「現実のどこに置くか」を決めるために使います。
このデモで確認できること
- ARセッションを開始できる環境かどうか
- reticle（配置位置の目印）が現実空間の面に追従するか
- タップや選択操作で3Dオブジェクトを配置できるか
- 端末やブラウザによって検出の安定性がどう変わるか
対応環境の目安
Meta Quest Browser や Android Chrome など、WebXR の immersive-ar と Hit Test を利用できる環境での検証を想定しています。
iPhone の Safari は WebXR Device API を直接扱えないため、このデモをそのまま実行する前提にはしません。iPhone 向けの導線は、App Clip や ARKit + WebView のような別方式を検討します。
使うWebXR機能
| 機能 | 用途 |
|---|---|
immersive-ar | カメラ映像やパススルー越しにARセッションを開始する |
hit-test | 現実空間の面との交差点を取得する |
local-floor | 床基準の座標系で配置を安定させる |
select event | タップやコントローラー選択で配置を確定する |
実装前の見方
Hit Test は「対応しているか」だけでなく、照明、床の模様、端末のトラッキング品質によって体感が変わります。商品プレビュー、展示、教育向けARなどで使う場合は、対象端末ごとに検出開始までの時間と配置後の揺れを確認してください。