如何在A幀中聆聽相機的世界位置？

Question

如何獲取相機的當前位置？這樣我可以旋轉我的天空實體。

假設我有：

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

Answer 1

讓相機的位置：

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

讓相機的世界上的地位，我們可以將相機的局部位置：

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

要聆聽更改，請使用componentchanged活動：

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

更好的性能，可能是輪詢：

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

    // Do something. 
    } 
});