XR Frame Loop
Rendering初級5

XR Frame Loop

XRSession.requestAnimationFrameでXRFrameを取得し、ビューごとにレンダリングする基本ループ。

対応フレームワーク

three.js

対応デバイス

QuestPico

XRSession.requestAnimationFrameでXRFrameを取得し、ビューごとにレンダリングする基本ループ。

概要

XRSession.requestAnimationFrameからXRFrameを受け取り、getViewerPoseでビュー配列を取得。各ビューのprojection/transformをWebGLカメラに適用し、二眼分レンダーする最小構成。座標系はlocal-floorを使用し、デバッグHUDで描画タイミングも確認できる。

実験情報

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