Three.js - 有没有办法在 Raycaster 中使用选择框？

Question

我有一个 GLTF 场景，我尝试使用 example selection box (code) 来选择多个网格。

但是，结果不准确，因为它基于每个网格的质心进行挑选，并且还会获取相机不可见的网格（查看房屋模型的一侧会选择框方向的所有墙壁）。

我还尝试过使用Raycaster，它非常适合用鼠标/指针进行选择。

有什么方法可以在 Raycaster 中使用一个或两个 Vector3（框的起点和终点）？

Answer 1

您可以使用Raycaster 创建Frustum。

1. 创建两个 Plane 对象来代表您相机的 near 和 far 平面。
2. 使用Raycaster 将选择区域的起点/终点与Plane 对象相交。
3. 使用交点定义Frustum。
4. 使用Frustum.containsPoint 和Frustum.intersectsObject 查看特定对象是否在您的选择区域内。