Skip to main content

XR8.Threejs.xrScene()

XR8.Threejs.xrScene()

Description

Obtenir un handle sur la scène xr, la caméra, le moteur de rendu, la texture (facultative) de l'alimentation de la caméra et la couche (facultative) de la scène.

Paramètres

Aucun

Retourne

Un objet : { scene, camera, renderer, cameraTexture, layerScenes }

PropriétéTypeDescription
scèneSceneLa scène three.js.
caméraCameraLa caméra principale de three.js.
moteur de renduRendererLe moteur de rendu three.js.
cameraTexture [Facultatif]TextureUne texture three.js avec le flux de la caméra recadré à la taille de la toile. Activé en appelant XR8.Threejs.configure({renderCameraTexture: true}).
layerScenes [Facultatif]Record<String, LayerScene>Une carte des noms de couches vers les scènes de couches de three.js. Contiendra les enregistrements activés en appelant XR8.Threejs.configure({layerScenes : ['sky']}).

L'objet LayerScene de l'objet layerScenes possède les propriétés suivantes :

PropriétéTypeDescription
scèneSceneLa scène three.js pour cette couche. Le contenu ajouté à ce ciel ne sera visible que si l'on se trouve dans une zone du flux de la caméra dans laquelle cette couche a été détectée. Par exemple, dans les effets de ciel, un cube n'apparaîtra que dans le ciel. Utilisez XR8.LayersController.configure({layers : {sky : {invertLayerMask: true}}}) pour inverser cela et faire en sorte que le cube n'apparaisse que lorsqu'il n'est pas dans le ciel.
caméraCameraLa caméra three.js pour cette couche. Sa position et sa rotation seront synchronisées avec la caméra principale.

Exemple

const {scene, camera, renderer, cameraTexture} = XR8.Threejs.xrScene()

Exemple - Scène de ciel

XR8.LayersController.configure({layers : {sky : {}})
XR8.Threejs.configure({layerScenes : ['sky']})
...
const {layerScenes} = XR8.Threejs.xrScene()
createSkyScene(layerScenes.sky.scene, layerScenes.sky.camera)