Skip to main content

onStart()

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

Description

onStart() est appelé au démarrage du XR.

Paramètres

ParamètresDescription
toileLe canevas qui soutient le traitement du GPU et l'affichage de l'utilisateur.
GLctxLe WebGLRenderingContext ou WebGL2RenderingContext du canevas de dessin.
calculerCtxLe WebGLRenderingContext ou WebGL2RenderingContext du canevas de calcul.
estWebgl2True si GLctx est un WebGL2RenderingContext.
l'orientationLa rotation de l'interface utilisateur par rapport au portrait, en degrés (-90, 0, 90, 180).
largeur de la vidéoHauteur du flux de la caméra, en pixels.
hauteur de la vidéoHauteur du flux de la caméra, en pixels.
Largeur du canevasLa largeur du canevas GLctx, en pixels.
Hauteur du canevasLa hauteur du canevas GLctx, en pixels.
configLes paramètres de configuration passés à XR8.run().

Exemple

XR8.addCameraPipelineModule({
name : 'mycamerapipelinemodule',
onStart : ({canvasWidth, canvasHeight}) => {
// Obtenir la scène three.js. Celle-ci a été créée par XR8.Threejs.pipelineModule().onStart(). La
// raison pour laquelle nous pouvons y accéder maintenant est que 'mycamerapipelinemodule' a été installé après
// XR8.Threejs.pipelineModule().
const {scene, camera} = XR8.Threejs.xrScene()

// Ajouter quelques objets à la scène et définir la position initiale de la caméra.
myInitXrScene({scene, camera})

// Synchroniser la position 6DoF du contrôleur XR et les paramètres de la caméra avec notre scène.
XR8.XrController.updateCameraProjectionMatrix({
origin: camera.position,
facing: camera.quaternion,
})
},
})