WebXRワークフロー

多くの場合、WebXRエクスペリエンスの開発でAPIと直接やり取りすることはありません。さまざまなレンダリング機能やフレームワークにWebXRのサポートが含まれており、特定のフレームワークに該当する手順を実行することにより、そのフレームワークを利用できるようになります⁠。

WebXR API自体と直接やり取りする方法については、こちらでベアボーンサンプルをご覧ください。

ブラウザーでのウェブコンテンツのテストやデバッグについての一般的な情報については、こちらのページをご覧ください。

しかし、コンテンツをテストするのに、毎回ヘッドセットを装着するのが煩わしい場合があるかもしれません。その場合、WebXRエミュレーターを使うか、Meta Quest開発者ハブを使ってデバイスをデスクトップにキャストすることができます。

没入型Webエミュレーターを使うと、ヘッドセットなしでデスクトップ(Chrome、Edge、その他のChromiumベースのブラウザーを使用)でWebXRエクスペリエンスをデバッグすることができます。これは、Chrome⁠またはEdge⁠のブラウザープラグインとしてインストールできます。

WebXRではWebGLを使用することによってフードの下のコンテンツをレンダリングするので、WebGLコンテンツデバッグ用のさまざまなツールを利用してWebXRコンテンツ(WebXRエミュレーターによりデスクトップ上でレンダリングされる)もデバッグできます。

Spector.js⁠を利用すると、WebXRシーンのドローコールを確認することができます。これは、グラフィックに関するエラーを診断するための有用なデバッグツールとなります。Spector.jsはブラウザーでは動作せずデスクトップブラウザーでのみ動作するため、WebXRエミュレーターと併用してください。

パフォーマンスは、WebXRエクスペリエンスに磨きをかけて完成度を上げる上で、唯一最大の要因となる場合があります。パフォーマンスのボトルネックを突き止めて修正するためのツールやガイドラインについては、パフォーマンス最適化のセクションをご覧ください。

WebXRエクスペリエンスは通常のウェブページにすぎないため、ほかのサイトと同じようにオンラインでサービスを提供できます。

ブラウザーはWebXRエクスペリエンスを新しいタブページでも紹介します。作成したWebXRエクスペリエンスが紹介されるようにするには、申請ガイドラインのページをご覧ください。

ブラウザーチームのメンバーはWebXR Discordコミュニティ⁠に在席しており、#browserチャネルを活発にモニターしています。