XR8.Threejs.xrScene()
XR8.Threejs.xrScene()
Description
Obtenir une poignée pour 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 Scènes.
Paramètres
Aucun
Retours
Un objet : { scene, camera, renderer, cameraTexture, layerScenes }
| Propriété | Type | Description |
|---|---|---|
| scène | Scène | La scène three.js. |
| caméra | Appareil photo | La caméra principale de three.js. |
| moteur de rendu | Renderer | Le moteur de rendu three.js. |
| cameraTexture [Facultatif] | Texture | Une texture three.js avec le flux de la caméra recadré à la taille du support. Activé en appelant XR8.Threejs.configure({renderCameraTexture: true}). |
| layerScenes [Facultatif] | Enregistrement | Une carte des noms de couches vers les scènes de couches de three.js. Contiendra les enregistrements qui sont activés en appelant XR8.Threejs.configure({layerScenes: ['sky']}). |
L'objet LayerScene dans l'objet layerScenes possède les propriétés suivantes :
| Propriété | Type | Description |
|---|---|---|
| scène | Scène | La scène three.js pour cette couche. Le contenu ajouté à ce ciel ne sera visible que si vous vous trouvez 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 la situation et faire en sorte que le cube n'apparaisse que lorsqu'il n'est pas dans le ciel. |
| caméra | Appareil photo | La 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)