您可以使用 A-Frame 与 Web AR 场景进行交互吗？

Question

您能否与 A-Frame 中的移动（魔术窗口）网络 AR 场景进行交互，就像您可以在下面链接的 8th Wall 演示中那样。

举个例子：在 Web AR 平面上放置三个按钮，您是否有用户按下其中一个按钮的事件？

第 8 墙演示：https://8thwall.com/web

Answer 1

您可以通过将rayOrigin 设置为mouse 的a 帧光标来创建可交互实体。例如：

<a-marker preset='hiro'>
   <a-box interactable></a-box>
</a-marker>
<a-camera-static cursor="rayOrigin: mouse" />

查看this glitch。

---

假设 interactable 是一个自定义组件：

AFRAME.registerComponent('interactable', {
   init: function() {
      this.el.addEventListener('click', e => {
         // magic
      })
   }
})