如何在three.js中选择线?

时间:2013-06-20 14:17:36

标签: javascript three.js

有没有办法在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,因此是高度风格化的系统,正交相机和纯粹的线条。

1 个答案:

答案 0 :(得分:2)

使用类似autocad的选择框。

如果从左向右拖动,则框为蓝色,并选择完全包含在框中的对象。

如果您从右向左拖动,则框为绿色,并选择框正在触摸的任何内容。

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

当您点击时,它基本上使用拾取框作为选择框并选择任何触摸的内容。在我的程序中,我删除了光标图像并直接在画布上显示十字准线,因此具有辅助功能选项的用户不会有问题。

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