我是使用0.9.0版的A帧中的新手,试图使网站具有360度的a-sky图像和场景中的多个图像,我只需要在VR模式下显示光标,而当光标停在a-图像触发点击事件 并附加新的a图像,现在尝试多次进入vr模式并退出时出现问题,第一次进入vr模式时光标没有出现问题,然后退出vr模式并尝试再次进入光标时消失>
AssignmentExpression
var prvImage =document.querySelector("#previewImage");
prvImage.object3D.visible = false;
AFRAME.registerComponent('vr-cursor',
{
init:function()
{
let cursor = document.createElement('a-cursor');
this.el.sceneEl.addEventListener('enter-vr', function()
{ document.querySelector('#camera').appendChild(cursor);
cursor.setAttribute('fuse','true');
cursor.setAttribute('geometry', 'primitive: ring; radiusInner: 0.02; radiusOuter: 0.03');
prvImage.object3D.visible = true;
console.log("enter-vr");
});
this.el.sceneEl.addEventListener('exit-vr',function()
{ document.querySelector('#camera').removeChild(cursor);
prvImage.object3D.visible = false;
console.log("exit-vr");
});
}
});
AFRAME.registerComponent('cursor-listener',
{
init:function()
{
var imageSrc =this.el.getAttribute('src');
this.el.addEventListener('click', function (evt) {
console.log('I was clicked at:33 ');
prvImage.setAttribute('src',imageSrc);
prvImage.setAttribute('width','1');
prvImage.setAttribute('height','1');
prvImage.setAttribute('position','15 , 18, 18');
prvImage.object3D.scale.set(18, 18, 18);
prvImage.object3D.position.set(-1.101, 0.850 ,-10.83185);
});
}
});