AFRAME - 禁用光标注视特定元素

Question

我使用以下代码来获得视觉反馈:

<script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
<a-scene>
  <a-entity cursor="fuse: true; fuseTimeout: 500" position="0 0 -1" geometry="primitive: ring" material="color: black; shader: flat">
    <a-animation begin="click" easing="ease-in" attribute="scale" fill="backwards" from="0.1 0.1 0.1" to="1 1 1"></a-animation>
    <a-animation begin="cursor-fusing" easing="ease-in" attribute="scale" fill="forwards" from="1 1 1" to="0.1 0.1 0.1"></a-animation>
  </a-entity>
</a-scene>

问题在于，此代码应用于光标与场景中每个基本实体“碰撞”的地方。我希望它仅适用于特定元素。 (或者，禁用特定元素上的动画)。我该怎么做？

谢谢

Answer 1

cursor组件取决于raycaster成分。如果未将 raycaster 组件添加为 DOM 元素的属性，则光标组件将以默认设置初始化。但是，如果提供了，您可以更改 raycaster 组件的某些属性值以满足您的需求。

幸运的是，raycaster 组件支持具有 DOM 查询选择器的特定实体。

<a-entity cursor raycaster="objects: .clickable"></a-entity>

这将使光标仅向 <a-entity> 发出事件类名为 clickable 的 s .

这里是所有光线转换器组件属性的链接:raycaster component properties .