WebXR画像トラッキングとは
WebXR画像トラッキングは、ブラウザがデバイスのカメラを通して現実世界で特定の画像を検出し、追跡することを可能にし、リアルタイムの位置と向きのデータを提供して、ポスター、パッケージ、アートワークなどの物理的なマーカーに仮想コンテンツを正確に固定します。
カメラを認識された画像に向けることで、画像トラッキングAPIは、仮想要素と物理要素間の空間的関係を継続的に更新し、デバイスや画像が移動しても適切なアライメントを保証します。
画像トラッキングは、静止画像をインタラクティブなARトリガーに変えます。これにより、美術館の絵画に重ねられた情報を表示したり、製品パッケージが3Dアニメーションを प्रकटしたり、名刺にフローティング連絡先詳細を表示したりすることが、すべてWeb標準を介して可能になります。ユーザーは専用アプリをダウンロードする必要がなく、互換性のある任意のWebブラウザを通じてAR体験に即座にアクセスできます。
デモ
Needle Engineは、AndroidでWebXR Image Tracking（ライブデモ）を、iOSでQuickLook Image Trackingをサポートしています。
以下のシーンをARで開始し、スマートフォンのカメラを画面上の画像マーカーに向けるか、それを印刷してください。
AndroidでのWebXR画像トラッキング
Androidの場合、「WebXR Incubations」をChrome Flagsでオンにしてください。これらは、AndroidスマートフォンのChromeブラウザのアドレスバーにchrome://flags/#webxr-incubationsを貼り付けることで見つけることができます。
解説
WebXR画像トラッキングはまだ「ドラフト」段階であり、一般には利用できません。
今のところ、ブラウザベンダーはWebXR用の最終的な画像トラッキングAPIについて合意できていません。仕様が「ドラフト」段階（マーカートラッキング解説）にある限り、 ユーザーとアプリの利用者は、AndroidデバイスでWebXR ImageTrackingを有効にするために以下の手順を踏む必要があります。
- Android Chromeブラウザで
chrome://flagsにアクセスします。 WebXR Incubationsオプションを見つけて有効にします。
この仕様がなくても、カメラ画像へのアクセスを要求し、カスタムアルゴリズムを実行してデバイスのポーズを決定することは可能です。欠点は、ユーザーがカメラアクセスのような追加のパーミッションを受け入れる必要があり、トラッキングがデバイスのネイティブ機能ほど正確ではないことです。
カメラアクセスとローカルのコンピュータビジョンアルゴリズムに基づいて画像トラッキングを追加するためのライブラリをいくつか紹介します。
- FireDragonGameStudioによるNeedle Engineとの実験的なAR.js統合
- AR.js (オープンソース)
- Mind AR (オープンソース)
統合
画像トラッキングは、オブジェクトにWebXRImageTrackingコンポーネントを追加することで、UnityとBlenderの両方で設定できます。その後、画像をTracked Images配列に追加します。
Unityの画像トラッキングコンポーネント
Blenderの画像トラッキングコンポーネント
参考文献
さらに読む
- Needle Everywhere Actions どこでも実行できる体験
- XRドキュメント
このページはAIによって自動翻訳されました