-1

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

有没有办法在嵌入式场景中进行适当的光线投射？

<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' 是按钮被点击时发送的事件。我可以单击“按钮”，但不能单击圆圈图形所在的位置

4

1 回答 1

0

光标的ar.js行为有点不同，您需要将其添加到a-marker元素中：

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

光标可以使用整个文档的宽度/高度来计算光线。

如果您将ar.js网站放入iframe

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

游标组件应该可以正常工作。在这里用 HIRO 标记检查一下。

于 2018-11-11T11:36:35.057 回答