Aframe 嵌入一个<；a-scene>；断开鼠标/光标的光线投射_Aframe_Ar.js

Aframe 嵌入一个<；a-scene>；断开鼠标/光标的光线投射

aframe

Aframe 嵌入一个<；a-scene>；断开鼠标/光标的光线投射,aframe,ar.js,Aframe,Ar.js,将嵌入组件添加到场景中以更轻松地设置我的AR场景中元素的样式时，光线投射/单击事件不会在正确的位置触发。当我从场景中移除嵌入的标记时，光线投射会正常工作，但在移动设备上查看网页时，场景中的对象处于不同的比例/位置有没有办法在嵌入式场景中使用propper光线投射 <body style="margin: 0px; overflow: hidden"> <a-scene embedded arjs="debugUIEnabled: false; sourceType: web

将嵌入组件添加到场景中以更轻松地设置我的AR场景中元素的样式时，光线投射/单击事件不会在正确的位置触发。当我从场景中移除嵌入的标记时，光线投射会正常工作，但在移动设备上查看网页时，场景中的对象处于不同的比例/位置

有没有办法在嵌入式场景中使用propper光线投射

<body style="margin: 0px; overflow: hidden">
 <a-scene embedded arjs="debugUIEnabled: false; sourceType: webcam">
  <a-marker type='pattern' url='custommarkers/pattern-marker.patt' cursor="rayOrigin: mouse; fuse: false">
   <a-circle id="button" src="#buttonimg" radius=".2" rotation="-90 0 0" position="0 0 1">
    <a-animation begin="buttonpressed" dur="750" attribute="scale" to="2 4 4" direction="alternate"></a-animation>
   </a-circle>
  </a-marker>
 </a-scene>
</body>

“buttonpressed”是单击按钮时从按钮发送的事件。我可以单击“按钮”，但不能单击圆图形所在的点。

ar.js

中的光标行为有点不同，您需要将其添加到

a-marker

元素：

<a-marker cursor='rayOrigin: mouse'>
  <a-amazing-stuff/>
</a-marker>

游标组件应能正常工作。用HIRO标记器查看它。

遗憾的是，这并不能解决问题。光标仍然没有在正确的位置单击。我已经尝试过了，但不起作用。。我添加了一些我正在使用的代码，你是说这些代码，还是这个示例不起作用？我在chrome/firefox PC和android手机上试过firefox，它会触发动画并在屏幕上点击ar-cursor打印出

元素。glitch.me也不能正常工作。我相信我已经发现了错误。我把相机指向一个角度上的标记。这导致它的行为怪异。当移动相机时，它似乎不会更新光线投射原点。谢谢你的帮助！

<iframe src="myArJsWebsite.com"></iframe>