Javascript a帧a-sky旋转未更新
我需要你的帮助! 我已经将一个框架集成到我的Vue js项目中,在这种特殊情况下,我需要来自a-sky元素的旋转数据。在浏览器中移动a-sky时,旋转数据不会更新,即使我在aframe inspector中进行了检查Javascript a帧a-sky旋转未更新,javascript,vue.js,aframe,Javascript,Vue.js,Aframe,我需要你的帮助! 我已经将一个框架集成到我的Vue js项目中,在这种特殊情况下,我需要来自a-sky元素的旋转数据。在浏览器中移动a-sky时,旋转数据不会更新,即使我在aframe inspector中进行了检查 <a-scene embedded> <a-entity camera look-controls="reverseMouseDrag: true" position="0 1 3" ></a-entity> <a-text font="
<a-scene embedded>
<a-entity camera look-controls="reverseMouseDrag: true" position="0 1 3" ></a-entity>
<a-text font="roboto" width="30" align="center" color="#ccc" opacity="1" value="North" position="0 -3 -4"></a-text>
<a-text font="roboto" width="30" align="center" color="#ccc" opacity="1" value="South" position="0 -3 10" rotation="0 -180 0"></a-text>
<a-text font="roboto" width="30" align="center" color="#ccc" opacity="1" value="East" position="8 -3 3" rotation="0 -90 0"></a-text>
<a-text font="roboto" width="30" align="center" color="#ccc" opacity="1" value="West" position="-7 -3 3" rotation="0 -270 0"></a-text>
<a-sky id="sky" :src="getPanoImage" rotation="0 -130 0" :phi-start="getPhi"></a-sky>
},
任何建议都将不胜感激。您不是在移动天空,而是在移动相机。我想当时我必须向相机实体添加旋转,并听取该元素的更改。我在inspector中测试了这种方法,旋转数据发生了变化,但是监听器仍然没有被触发。编辑:对于未来的问题:您必须将侦听器放入已装载的生命周期挂钩中,以便正确触发。
created() {
document.querySelector('#sky').addEventListener('componentchanged', function (evt) {
if (evt.detail.name === 'rotation') {
console.log('Camera rotation went from', evt.detail.oldData, 'to', evt.detail.newData);
}
});