在A帧中进入VR模式时光标消失

时间:2019-12-18 00:40:02

标签: aframe

我是使用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);
                

            });

	}
});

0 个答案:

没有答案