a-scene 光標會破壞 raycaster

Question

我正在嘗試設置保險絲來觸發懸停動畫，同時仍然能夠點擊/點擊環境中的項目。

添加<a-cursor position="0 0 -0.25"></a-cursor>作為我的相機的子級會在屏幕上顯示環形光標，並允許懸停 mouseenter/mouseleave eventListeners 按預期觸發。

然后我添加cursor="rayOrigin:mouse;" 到一個場景，這樣我就可以點擊場景中的對象，但這會破壞懸停動畫。

對於懸停動畫，我有一個不可見的平面，但位於具有 mouseenter/mouseleave 事件偵聽器的動畫對象前面。 但是，當光標在光線投射中同時具有平面和對象時，調用 mouseleave 。 如果cursor="rayOrigin:mouse;"則不會發生這種情況被省略。

小故障在這里 --> https://glitch.com/edit/#!/join/49af29f1-557a-4976-bc2b-f89fce5e3ad6

Answer 1

<a-cursor>干擾場景的光標

<a-scene cursor="...">
  <a-camera>
    <a-cursor>
    </a-cursor>

因為由<a-cursor>創建的raycaster發出事件（在交叉點和清除時），這些事件冒泡並被<a-scene>的光標捕獲。 正是這兩個聽眾。

為了防止它們干擾，可以去掉兩者之間的父子關系：

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

看看這個小提琴

---

另一種方法是動態添加/刪除一個游標，以便一次只有“預期”的游標在工作。