Needle EngineでのWebXR画像トラッキング

WebXR画像トラッキングとは

WebXR画像トラッキングは、ブラウザがデバイスのカメラを通して現実世界で特定の画像を検出し、追跡することを可能にし、リアルタイムの位置と向きのデータを提供して、ポスター、パッケージ、アートワークなどの物理的なマーカーに仮想コンテンツを正確に固定します。

カメラを認識された画像に向けることで、画像トラッキングAPIは、仮想要素と物理要素間の空間的関係を継続的に更新し、デバイスや画像が移動しても適切なアライメントを保証します。

画像トラッキングは、静止画像をインタラクティブなARトリガーに変えます。これにより、美術館の絵画に重ねられた情報を表示したり、製品パッケージが3Dアニメーションを प्रकटしたり、名刺にフローティング連絡先詳細を表示したりすることが、すべてWeb標準を介して可能になります。ユーザーは専用アプリをダウンロードする必要がなく、互換性のある任意のWebブラウザを通じてAR体験に即座にアクセスできます。

デモ

Needle Engineは、AndroidでWebXR Image Tracking（ライブデモ）を、iOSでQuickLook Image Trackingをサポートしています。

以下のシーンをARで開始し、スマートフォンのカメラを画面上の画像マーカーに向けるか、それを印刷してください。

:::info AndroidでのWebXR画像トラッキング Androidの場合、「WebXR Incubations」をChrome Flagsでオンにしてください。これらは、AndroidスマートフォンのChromeブラウザのアドレスバーにchrome://flags/#webxr-incubationsを貼り付けることで見つけることができます。 :::

解説

:::warning WebXR画像トラッキングはまだ「ドラフト」段階であり、一般には利用できません。今のところ、ブラウザベンダーはWebXR用の最終的な画像トラッキングAPIについて合意できていません。仕様が「ドラフト」段階（マーカートラッキング解説）にある限り、ユーザーとアプリの利用者は、AndroidデバイスでWebXR ImageTrackingを有効にするために以下の手順を踏む必要があります。