WebGL XR Integration
Rendering中級5

WebGL XR Integration

WebGLコンテキストをXRCompatibleにし、XRWebGLLayerへ描画する統合パス。

対応フレームワーク

three.js

対応デバイス

QuestPico

WebGLコンテキストをXRCompatibleにし、XRWebGLLayerへ描画する統合パス。

概要

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

実験情報

  • 難易度: 中級
  • 所要時間: 約5分
  • 対応フレームワーク: three.js
  • 対応デバイス: Quest, Pico