Jak słuchać światowej pozycji aparatu w A-Frame?

Question

Jak mogę uzyskać aktualną pozycję kamery? Tak, że mogę obrócić moją jednostkę nieba.

Załóżmy mam:

<a-scene> 
    <a-camera id="camera></a-camera> 
    <a-sky id="mySky"></a-sky> 
</a-scene> 

Answer 1

Aby uzyskać pozycję kamery:

var pos = document.querySelector('#camera').getAttribute('position'); 

aby uzyskać pozycję światowego kamery, możemy przekształcić lokalną pozycję kamery:

var cameraEl = document.querySelector('#camera'); 
var worldPos = new THREE.Vector3(); 
worldPos.setFromMatrixPosition(cameraEl.object3D.matrixWorld); 
console.log(worldPos.x); 

Aby odsłuchać zmiany, należy użyć zdarzenia componentchanged:

cameraEl.addEventListener('componentchanged', function (evt) { 
    if (evt.detail.name !== 'position') { return; } 
    console.log(evt.detail.newData); 
}); 

więcej wydajnych może być ankieta

AFRAME.registerComponent('camera-listener', { 
    tick: function() { 
    var cameraEl = this.el.sceneEl.camera.el; 
    cameraEl.getAttribute('position'); 
    cameraEl.getAttribute('rotation'); 

    // Do something. 
    } 
});