带有光标鼠标光线起源的 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 的主体。

示例在这里。