XR8.ThreejsRenderer() (非推奨)

XR8.ThreejsRenderer()

概要

three.jsベースのレンダラーを返します。これはシーンカメラを操作し、カメラの視野角とARの視野角のマッチングさせ、カメラのランループ内での'render'の呼び出しを担当します。

three.jsを使用する場合は、three.jsのシーン、カメラ、レンダラーを作成し、6DoFカメラの動きに基づいてシーンカメラを操作するためのカメラパイプラインモジュールとしてこれを追加します。

パラメータ

なし

例

window.onload = () => {
  // xr3jsはthree.jsのシーン、カメラ、レンダラーを保有しています。 シーンカメラの操作、
  // カメラの視野角と ARの視野角のマッチング、
  // カメラのランループ内での 'render' の呼び出しを担当します。
  const xr3js = XR8.ThreejsRenderer()

  // XRコントローラは6DoFカメラトラッキングとトラッキングを設定するためのインターフェイスを提供します。
  const xrController = XR8.xrController()

  // ...

  // 6DoFカメラのモーション推定を可能にするxrControllerモジュールを追加します。
  XR8.addCameraPipelineModule(xrController.cameraPipelineModule())

  // カメラフィードをキャンバスに描画するGLRendererを追加します。
  XR8.addCameraPipelineModule(XR8.GLRenderer())

  // threejsシーン、カメラ、レンダラーを作成し、6DoFカメラの      // 動きに基づいてシーンカメラを操作するxr3jsを追加します。
  XR8.addCameraPipelineModule(xr3js)

  // ...
}

概要​

パラメータ​

例​

概要

パラメータ

例