Question

我已经实现了像这个示例中的事件： https://aframe-event-set-component.glitch.me/

这些事件现在以太会听我的光标或我的鼠标。如何在一个应用程序中组合这两种方法，以便可以通过鼠标和光标触发事件？就像这里：
https://github.com/mayognaise/aframe-mouse-cursor-component（最近的A-Frame不再支持）

我可以写一些类似cursor="rayOrigin: mouse && cursor"的内容吗？

祝你好运！

Answer 1

至于click事件：它似乎与两个cursor组件一起使用：a-scene中有一个，相机中有一个：

<a-scene cursor="rayOrigin: mouse">
  <a-camera position="0 1.6 0">
    <a-entity cursor="fuse: true; fuseTimeout: 500" position="0 0 -1" geometry="primitive: ring; radiusInner: 0.02; radiusOuter: 0.03" material="color: black; shader: flat">
    </a-entity>
  </a-camera>
</a-scene>

在此fiddle中查看。

<小时/> 另一方面，a-scene s光标似乎搞乱了另一个events。您可以提交issue或创建一个组件，该组件会在发出cursor事件时删除鼠标enter-vr。

...
this.el.sceneEl.addEventListener("enter-vr", function() {
  this.el.removeAttribute("cursor")
})
this.el.sceneEl.addEventListener("exit-vr", function() {
  this.el.setAttrubute("cursor", "rayOrigin", "mouse")
})

A-Frame：同时使用rayOrigin光标和鼠标

1 个答案: