XR8.Threejs.xrScene()
XR8.Threejs.xrScene()
Beschreibung
Holen Sie sich ein Handle auf die xr-Szene, die Kamera, den Renderer, die (optionale) Kameratextur und die (optionale) layerScenes.
Parameter
Keine
Returns
Ein Objekt: { scene, camera, renderer, cameraTexture, layerScenes }
Eigentum | Typ | Beschreibung |
---|---|---|
scene | Schauplatz | Die three.js-Szene. |
camera | Kamera | Die Hauptkamera von three.js. |
renderer | Renderer | Der three.js Renderer. |
cameraTexture [Optional] | Textur | Eine three.js-Textur mit dem auf die Leinwandgröße zugeschnittenen Kamerabild. Aktiviert durch den Aufruf XR8.Threejs.configure({renderCameraTexture: true}) . |
layerScenes [Optional] | Datensatz | Eine Zuordnung von Ebenennamen zu three.js Ebenenszenen. Enthält Datensätze, die durch den Aufruf von aktiviert werden XR8.Threejs.configure({layerScenes: ['sky']}) . |
Die LayerScene
im Objekt layerScenes
hat die folgenden Eigenschaften:
Eigentum | Typ | Beschreibung |
---|---|---|
scene | Szene | Die three.js Szene für diese Ebene. Inhalte, die zu diesem Himmel hinzugefügt werden, sind nur sichtbar, wenn sie sich in einem Bereich des Kamerafeeds befinden, in dem diese Ebene erkannt wurde. Bei den Himmelseffekten zum Beispiel wird ein Würfel nur im Himmel angezeigt. Verwenden Sie XR8.LayersController.configure({layers: {sky: {invertLayerMask: true}}}) , um dies umzukehren und den Würfel nur anzuzeigen, wenn er sich nicht im Himmel befindet. |
camera | Kamera | Die three.js Kamera für diese Ebene. Die Position und Drehung der Kamera wird mit der Hauptkamera synchronisiert. |
Beispiel
const {scene, camera, renderer, cameraTexture} = XR8.Threejs.xrScene()
Beispiel - Himmelsszene
XR8.LayersController.configure({layers: {sky: {}}})
XR8.Threejs.configure({layerScenes: ['sky']})
...
const {layerScenes} = XR8.Threejs.xrScene()
createSkyScene(layerScenes.sky.scene, layerScenes.sky.camera)