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イベント：

01を使用してください

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. 
    } 
});