框架中是否有按钮以及如何创建它们？

Question

关于框架的问题？ aframe 是否提供按钮对象（如按钮）？如果是，为什么文档中没有关于它们的信息？ 是否计划添加它们？ 如果不是，有没有办法在框架中创建对象，其行为类似于可在触摸屏上使用的按钮？

Answer 1

您几乎可以将任何 a-frame 对象变成一个按钮。

1. 让你的光标 rayOrigin 指向你的鼠标。 （您可以将光标属性添加到您的相机）

<a-camera cursor="rayOrigin: mouse"></a-camera>

1. 例如，让我们通过将标准 onclick 事件添加到元素来获取一个 a-box 原语并将其转换为按钮

<a-box onclick="doSomething"></a-box>

并启动您想要的功能。 这也适用于触摸。

Answer 2

如果你想要一个覆盖 UI，我总是会选择 HTML 元素。它们更易于管理，因为您可以轻松地将它们放置在屏幕上。

如果您希望 UI 跟踪对象（如 arjs 中的标记），您可以使用我的 tracked-ui 组件，如下所示：

<!-- The HTML UI -->
<div id="ui"></div>
<a-scene arjs>
   <a-marker tracked-ui="element: #ui; offset: 0 200">
     <a-box></a-box>
   </a-marker>
</a-scene>