带有光标鼠标光线来源的 aframe 嵌入场景

Question

嵌入场景和鼠标光标选项（cursor='rayOrigin: mouse'）似乎存在错误， 我在一个盒子上放了一个 mouseenter 和 mouseleave 事件来改变它的大小。只要页面包含在浏览器中，它就可以正常工作，但是当页面“可滚动”时，事件会变得混乱（如 gif 中所示，链接如下）。我不知道我是否在某个地方搞砸了，但它似乎来自 Aframe。下面有一个关于 github 问题的链接（有关它的更多详细信息）。

GIF：

Github 问题： https://github.com/aframevr/aframe/issues/3410

Answer 1

mouse-cursor 组件使用整个窗口来计算位置，因此您必须重写它，以利用 <canvas> 进行光线投射。

有一个解决方法，您可以制作一个全屏场景并将其放在<i-frame> 中，其中window 是 iframe 的主体。

例如here。