WebGLコンテキストをXRCompatibleにし、XRWebGLLayerへ描画する統合パス。
概要
キャンバスのWebGLコンテキストをmakeXRCompatible()でXR対応化し、XRWebGLLayerにセット。描画ターゲットをセッションのフレームバッファへ差し替えるまでの手順を追い、既存WebGLアプリをXR化する際の最低限の変更点を学べる。
実験情報
- 難易度: 中級
- 所要時間: 約5分
- 対応フレームワーク: three.js
- 対応デバイス: Quest, Pico

WebGLコンテキストをXRCompatibleにし、XRWebGLLayerへ描画する統合パス。
WebGLコンテキストをXRCompatibleにし、XRWebGLLayerへ描画する統合パス。
キャンバスのWebGLコンテキストをmakeXRCompatible()でXR対応化し、XRWebGLLayerにセット。描画ターゲットをセッションのフレームバッファへ差し替えるまでの手順を追い、既存WebGLアプリをXR化する際の最低限の変更点を学べる。