メインコンテンツへスキップ

onStart()

onStart: ({ canvas, GLctx, computeCtx, isWebgl2, orientation, videoWidth, videoHeight, canvasWidth, canvasHeight, config })

概要​

onStart()は、XRの起動時に呼び出されます。

パラメータ​

パラメータ説明
canvasGPU処理とユーザー表示をバックアップするキャンバス。
GLctx描画キャンバスの WebGLRenderingContext または WebGL2RenderingContext。
computeCtx計算canvasの WebGLRenderingContext または WebGL2RenderingContext。
isWebgl2GLctx が WebGL2RenderingContextの場合は true。
orientation縦向き(-90, 0, 90, 180)のUIの回転。
videoWidthカメラフィードの高さをピクセル単位で指定します。
videoHeightカメラフィードの高さをピクセル単位で指定します。
canvasWidthGLctx キャンバスの幅をピクセル単位で指定します。
canvasHeightGLctx キャンバスの高さをピクセル単位で指定します。
configXR8.run()に渡された設定パラメータです。

例​

XR8.addCameraPipelineModule({
  name: 'mycamerapipelinemodule',
  onStart: ({canvasWidth, canvasHeight}) => {
    // three.js のシーンを取得します。 XR8.Threejs.pipelineModule().onStart()で作成されたものです。 
    // 今ここでアクセスできるのは、'mycamerapipelinemodule'が
    // XR8.Threejs.pipelineModule() の後に設定されたためです。
    const {scene, camera} = XR8.Threejs.xrScene()

    // シーンにいくつかのオブジェクトを追加し、開始カメラ位置を設定します。
    myInitXrScene({scene, camera})

    // xrコントローラの6DoF位置とカメラパラメータをシーンと同期させます。
    XR8.XrController.updateCameraProjectionMatrix({
      origin: camera.position,
      facing: camera.quaternion,
    })
  },
})