javascript - 如何在 three.js 中选择行？

Question

有没有办法在threeJS中挑线？我通过稍微更改此演示来检查 http://mrdoob.github.io/three.js/examples/webgl_interactive_cubes.html用线替换立方体，它似乎没有选择任何东西:http://jsfiddle.net/p3cdk/

var geometry = new THREE.Geometry();
geometry.vertices.push(new THREE.Vector3(0, 0, 0));
geometry.vertices.push(new THREE.Vector3(20, 20, 20));

光线转换系统根本没有提到线条:https://github.com/mrdoob/three.js/blob/master/src/core/Raycaster.js(而且我认为光线转换系统必须在线框中提供有趣的行为)。

我不是 3D 方面的专家，但我似乎很难用光线选择一条线，我宁愿转换一个圆锥体，或者用像素缓冲区做点什么，但我不知道如何做实现这一目标。

我的背景是 CAD，因此是高度程式化的系统、正交相机和纯线。

Answer 1

像在 autocad 中一样使用选择框。

如果从左向右拖动，框是蓝色的，它会选择完全包含在框内的对象。

如果您从右向左拖动，则框为绿色，并且它会选择框所触及的任何内容。

您的“选择框大小”是您的十字准线中框的大小

当您单击时，它基本上使用选择框作为选择框并选择任何触摸的东西。在我的程序中，我删除了光标图像并直接在 Canvas 上显示十字准线，这样具有辅助功能选项的用户就不会遇到问题。

抱歉，我刚看到这个，我知道你在 7 个月前发帖，但我知道我在说什么，并且认为它可能对某些人有帮助，如果不是你的话