帶有光標鼠標光線起源的 aframe 嵌入場景

Question

嵌入式場景和鼠標光標選項（cursor='rayOrigin: mouse'）似乎有一個錯誤，我在一個盒子上放置了一個 mouseenter 和 mouseleave 事件來改變它的大小。 只要頁面包含在瀏覽器中，它就可以正常工作，但是當頁面“可滾動”時，事件就會混亂（如 gif 所示，鏈接如下）。 我不知道我是否搞砸了某個地方，但它似乎來自 Aframe。 github 問題下面有一個鏈接（有關它的更多詳細信息）。

動圖：

Github 問題： https : //github.com/aframevr/aframe/issues/3410

Answer 1

mouse-cursor組件使用整個窗口來計算位置，因此您必須重寫它，以利用<canvas>進行光線投射。

有一個解決方法，您可以制作全屏場景並將其放在<i-frame> ，其中window是 iframe 的主體。

示例在這里。