如何在 React-三纤维中设置光线投射

Question

我正在尝试在反应三纤维中设置一个场景，该场景使用光线投射器来检测物体是否与其相交。

我的场景：场景

我一直在研究像这个例子和另一个例子这样的例子，光线投射器使用简单的三个对象，但不使用分离的组件 jsx“.gltf”网格或它们不在 jsx 中。所以我不知道如何将我的网格组添加到“raycaster.intersectObject();”。

看起来您所做的就是在不同的变量中分别设置相机、场景和光线跟踪器，但我的相机和场景是 Canvas 组件的一部分。

问题：如何向场景添加光线投射支持？这会掩盖球体另一侧的文本。

谢谢！

Answer 1

尝试Drei lib 中的CycleRayCast 。它对三纤维反应友好

“该组件允许您通过可选的视觉反馈循环浏览光标下方的所有对象。这对于重要的选择、CAD 数据、外壳以及所有具有图层的内容非常有用。它通过更改光线投射过滤器功能然后刷新来实现这一点光线投射器。”