WebVRからWebXRへのポーティング

Browser 7.0以降では、完全没入型(6DOF) VRウェブエクスペリエンスの最新の標準であるWebXRがデフォルトでサポートされています。WebXRは、標準ではないものの多くのブラウザーで採用されていたWebVR APIの進化形です。Browser 9.0以降では、WebVRはサポートされません。

この記事では、WebVR用に作成された既存のコンテンツをWebXR APIに移行する方法について説明します。

WebXRの標準では、APIはセキュア接続(HTTPS)を介して読み込まれたサイトでのみ使用可能であることが求められます。製品版では、WebXRをサポートするセキュアなオリジンを使用する必要があります。HTTPSをまだサポートしていない場合は、Let’s Encrypt⁠を使用してサポートを開始できます。開発目的の場合、Browserはセキュア接続またはSSL証明書なしでローカルホストサーバー上のWebXRを許可します。

ほとんどの開発者の場合、WebVRをWebXRに更新する作業は、使用しているフレームワークを最新バージョンにアップデートするだけです。A-Frame、Babylon.js、THREE.jsなど、よく使われるVRフレームワークはすべてWebXRをサポートしています。必要な最小バージョンと入手先については、以下を参照してください。

React 360は、現時点ではWebXRをサポートしていないため、Browserではサポートされていません。React 360を使用している場合は、A-Frameへの移行を検討することをおすすめします。A-Frameに移行するには、A-Frameで360度メディアを使用する方法⁠に関するこちらのチュートリアルをご覧ください。

自動アップデートにより、ほとんどすべてのBrowserユーザーは、WebXRをサポートするバージョンを使用しています。ただし、WebVRのみに対応したブラウザーをサポートする必要がある場合は、WebXR用に記述したコードをWebVR対応ブラウザーで実行できるWebXRポリフィル⁠を使用できます。

開発用のフレームワークを使用していない場合は、このガイドのWebVRからWebXRへの移行⁠をご覧ください。