WebXR

デスクトップおよびモバイルアプリケーションと同様に、XR/空間アプリケーションは Web テクノロジーを使用して構築できます。 Web ベースの VR および AR アプリはブラウザ内で動作し、ブラウザを持つデバイスであればどれでも動作します。

WebXRの利点 

ブラウザ向けにXRまたは空間アプリケーションを開発することには、重要な利点があります。

クロスプラットフォーム 

空間ウェブアプリは、ブラウザを備えた任意のデバイスで動作します。これには、Meta Quest や Meta Quest 2 などのスタンドアロンヘッドセットから、Apple Vision Pro や Microsoft HoloLens までが含まれます。

さらに、デスクトップ PC、ノートブック、タブレット、スマートフォンも含まれます。これは、確立された大量市場をターゲットにしたいが、将来性があり、VR および AR に対応したいと考えているアプリケーションにとって理想的なターゲットです。

将来性 

WebXR ベースのアプリは、発表されていないデバイスや発表されたばかりのデバイスでも動作します。それらは、次世代のデバイスに対応済みです。

デベロッパーキットがなくても、今日、Apple Vision Pro アプリを構築することができます。

シームレスなアクセス 

Web ベースの VR または AR アプリを実行するには、ユーザーは URL を開くだけです。インストールは不要ですが、「ホーム画面に追加」やオフラインアクセスを可能にするサービスワーカーなど、最新の Web 機能を介してインストール可能です。詳しくは PWAs を参照してください。

急速な展開 

Web では、パブリッシャーがコンテンツに対する権限を持っています。通常、アプリストアが必要とする第三者のキュレーションやゲートは存在しません。

空間アプリは単に Web サーバーにアップロードされ、ドメインに接続されます。そこから、新しいバージョンをアップロードすることで、すべてのユーザーに簡単に更新できます。

共有可能 

Web ベースの XR アプリがリンクを介してアクセスされるため、ソーシャルメディア、QR コード、および広告を通じてアプリケーションへのリンクを直接共有できます。

これにより、素晴らしいシームレスな体験を生み出すことができます。たとえば、ユーザーが現実世界のポスターの QR コードをスキャンして、ポスターをインタラクティブなゲームに変える Web ベースの AR アプリを起動するなどです。

WebXRの動作方法 

ブラウザは WebXR Device API を通じて空間ウェブアプリ機能へのアクセスを提供します。

この API により、開発者は JavaScript を介してヘッド、手、コントローラーの姿勢を取得し、XR デバイスに画像を表示できます。 空間ウェブアプリの 3D 環境は通常、WebGL や WebGPU などの Web API を使用してレンダリングされます。 音声は WebAudio API を介して出力されます。

API 自体は、実行されているデバイスに応じてブラウザによってネイティブに実装されます。

空間ウェブアプリは少なくとも index.html ファイル、いくつかの JavaScript、および多くの場合いくつかのテクスチャや 3D モデルで構成されています。

仕様と実装 

ブラウザ API は標準化されているため、開発者はすべての異なるブラウザで動作する 1 つのウェブサイト、ウェブアプリ、または空間ウェブアプリを簡単に構築できます。

標準化プロセス中、API は最初に指定され、1 つまたは複数のブラウザ（“クライアント” とも呼ばれます）が実験的な実装を行い、開発者がフィードバックを提供できるようにします。

どのブラウザがどのバージョンでどの API を実装しているかは、caniuse.com で調べることができます。これは、現代のウェブ技術におけるブラウザサポートのデータベースです。

WebAR 

WebXR Device API は AR トラッキング機能も定義していますが、仕様と実装は VR ほど進んでいません。

これはしばしば、開発者がサードパーティのライブラリを使用してスマートフォンカメラのアクセスを通じて AR トラッキングを行うことを意味します。

使用されるプロプライエタリなライブラリには 8thwall、zappar、holoLink があります。

さまざまなトラッキングタイプ用のオープンソースの代替手段も利用可能です：MindAR、ARToolkit.js、AlvaAR。

対応デバイス 

ブラウザが利用可能なヘッドセットはすべて。将来リリースされる任意のヘッドセットも、ブラウザがあれば自動的にサポートされます。

現在、これらはブラウザを提供する既知のデバイスです（2023年7月25日現在）：

どのデスクトップヘッドセットでも、OpenXRランタイムとしてSteamVRを使用してChrome経由でWebXRを実行できます。

PSVR、PSVR2、およびHTC Vive Flowは、現在、WebXR Device APIをサポートするブラウザを提供していないためサポートされていません。

Apple Vision ProはWebXRをサポートしていますか？ 

はい。Apple Vision ProはWebXRをサポートしています（現在Safariのフラグの背後にあります）。

JavaScriptまたはTypeScriptを使用して、WebXRを使用してApple Vision用のアプリを既に構築することができます。

PWA 

プログレッシブウェブアプリ (PWA) は、ネイティブアプリに似た機能と外観を提供するための、現代のウェブ機能のセットを説明します。

ホーム画面に追加 

この機能により、ウェブアプリをデスクトップまたはスマートフォンのホーム画面へのリンクとしてインストールできます。 起動すると、URLバーがない独自のウィンドウが開き、インストールされたネイティブアプリケーションのように見えます。

サービスワーカーとキャッシュ 

サービスワーカーは、ユーザーが現在オフラインでも、HTTPリクエストをキャッチして応答を返すことができます。응答は通常、1つ以上のキャッシュから取得されます。