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，因此是高度程式化的系统、正交相机和纯线条。

score 2 · Accepted Answer

使用像AutoCAD中的选择框。

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

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

你的'pickbox size'是你十字准线中盒子的大小

当您单击时，它基本上将选择框用作选择框并选择任何接触的东西。在我的程序中，我删除了光标图像并直接在画布上显示了十字准线，因此具有可访问性选项的用户不会有问题。

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

1 回答 1