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)