onStart()

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

Beschreibung

onStart() wird aufgerufen, wenn XR startet.

Parameter

Parameter	Beschreibung
Leinwand	Die Leinwand, die die GPU-Verarbeitung und die Benutzeranzeige unterstützt.
GLctx	Der WebGLRenderingContext oder WebGL2RenderingContext der Zeichenfläche.
computeCtx	Der WebGLRenderingContext oder WebGL2RenderingContext der Rechenleinwand.
isWebgl2	Wahr, wenn GLctx ein WebGL2RenderingContext ist.
Orientierung	Die Drehung der Benutzeroberfläche gegenüber dem Hochformat, in Grad (-90, 0, 90, 180).
videoBreite	Die Höhe der Kameraübertragung in Pixeln.
videoHöhe	Die Höhe der Kameraübertragung in Pixeln.
canvasWidth	Die Breite der `GLctx'-Leinwand, in Pixeln.
LeinwandHöhe	Die Höhe der `GLctx'-Leinwand, in Pixeln.
Konfiguration	Die Konfigurationsparameter, die an XR8.run() übergeben wurden.

Beispiel

XR8.addCameraPipelineModule({
  name: 'mycamerapipelinemodule',
  onStart: ({canvasWidth, canvasHeight}) => {
    // Abrufen der three.js-Szene. Diese wurde von XR8.Threejs.pipelineModule().onStart() erstellt. Der
    // Grund, warum wir hier jetzt darauf zugreifen können, ist, dass 'mycamerapipelinemodule' nach
    // XR8.Threejs.pipelineModule() installiert wurde.
    const {scene, camera} = XR8.Threejs.xrScene()

    // Fügen Sie der Szene einige Objekte hinzu und setzen Sie die Startposition der Kamera.
    myInitXrScene({scene, camera})

    // Synchronisieren Sie die 6DoF-Position und die Kameraparameter des XR-Controllers mit unserer Szene.
    XR8.XrController.updateCameraProjectionMatrix({
      origin: camera.position,
      facing: camera.quaternion,
    })
  },
})