Question

我已经尝试了好几天，请帮忙！我需要的是屏幕上的两个按钮，可将ar-camera图片叠加在触摸上。我在相机实体内部尝试了两个a平面，并在a场景（A帧0.8.0）中添加了 cursor =“ rayOrigin：mouse” 。 cursor =“ rayOrigin：mouse” 会阻止aframe-ar.js打开凸轮。

那么，还有另一种方法，也许是通过js或html创建2个按钮来打开/关闭对象？

Answer 1

基于raycaster的cursor组件可能无法在ar.js中使用。

如果您只需要一个与实体进行交互的简单按钮，只需在网站上放入html <button>，然后对点击做出反应即可。

<div style='position: fixed; top: 10px; width:100%; text-align: center; z-index: 1;'>
    <button>
        HIDE OBJECTS
    </button>
</div>
<a-scene>
....

JS

document.querySelector("button").addEventListener("click", (e)=> {
  // do stuff here.
})

示例here。

A框AR的屏幕按钮

1 个答案: