javascript - aframe raycaster 可以定制成这样吗

Question

我想在光线转换器与图中这个对象相交的地方添加一个点。我知道您可以修改 raycaster 的线条元素，但我找不到添加圆圈或更改线条一端的方法。

daydream raycaster

Answer 1

Raycaster 只是查找光线与模型之间交点的工具。基本上，它与渲染无关。因此，您可以执行以下步骤:

1) 将“点对象”添加到模型中(球体、圆形、复杂对象)；

2) 将“远程控制对象”添加到您的模型中；

3)将“射线对象”添加到模型中(使用线几何体，首选缓冲区几何体)；

4) 处理 mousemove 事件并找到从相机到鼠标位置的光线与模型之间的交点；

5) 更新“点对象”位置(与 onMousemove 处理程序相同):spotObj.position.copy(intersection.point); (或相应地更新几何图形)。您也可以突出显示相交面；

6) 更新“远程控制对象”位置。将其位置设置在射线上的某个位置(使用矢量运算)。根据该射线更新其旋转。

7) 更新“ray”对象或重新创建它。

附:可以将一些对象直接添加到 THREEJS 相机对象(作为子对象)以保持对象位置与相机位置同步。