Zum Hauptinhalt springen

XR8.ThreejsRenderer() (veraltet)

XR8.ThreejsRenderer()

Beschreibung​

Liefert einen auf three.js basierenden Renderer. Sie ist fĂĽr die Steuerung der Szenenkamera, die Anpassung des Kamerablickfelds an das AR-Blickfeld und den Aufruf von 'rendern' innerhalb der Kameralaufschleife verantwortlich.

Wenn Sie three.js verwenden, fĂĽgen Sie dies als Kamera-Pipeline-Modul hinzu, um die Szene, die Kamera und den Renderer in three.js zu erstellen und die Kamera der Szene basierend auf der 6DoF-Kamerabewegung zu steuern.

Parameter​

Keine

Beispiel​

window.onload = () => {
  // xr3js besitzt die three.js Szene, die Kamera und den Renderer. Sie ist verantwortlich fĂĽr die Steuerung der Szenenkamera,
  // die Anpassung des Kamerablickfelds an das AR-Blickfeld und fĂĽr den Aufruf von 'rendern' innerhalb der
  // Kameralaufschleife.
  const xr3js = XR8.ThreejsRenderer()

  // Der XR-Controller bietet 6DoF-Kamera-Tracking und Schnittstellen zur Konfiguration des Trackings.
  const xrController = XR8.xrController()

  // ...

  // Fügen Sie das Modul xrController hinzu, das eine 6DoF-Kamerabewegungsschätzung ermöglicht.
  XR8.addCameraPipelineModule(xrController.cameraPipelineModule())

  // FĂĽgen Sie einen GLRenderer hinzu, der den Kamerafeed auf die Leinwand zeichnet.
  XR8.addCameraPipelineModule(XR8.GLRenderer())

  // FĂĽgen Sie xr3js hinzu, das eine threejs-Szene, eine Kamera und einen Renderer erstellt und die Szenenkamera
  // basierend auf der 6DoF-Kamerabewegung ansteuert.
  XR8.addCameraPipelineModule(xr3js)

  // ...
}