通过修改Three.JS中“Line”的属性在画布中绘制和定位“Line”

Question

我使用Three.js创建了一个立方体和线条。

我正在尝试定位线条，使其显示在多维数据集周围，如下所示：

但我不理解这些属性：

var lengthVertArray = lengthLineGeometry.vertices;
    lengthVertArray.push(new THREE.Vector3(-240, 50, 0), new THREE.Vector3(30, 120, 0));

我随机改变了一些值，我能够定位＆＃34;线＆＃34;为＆＃34;长度＆＃34;。

但我想确切了解这些属性是什么，所以我可以准确地改变它们并定位高度和宽度的线条。

以下是我的多维数据集的小提琴，其中包含指南：http://jsfiddle.net/boquqL84/3/

如果您需要任何其他信息，请与我们联系。

请建议。

Answer 1

由于您正在旋转和缩放多维数据集，如果将线条添加到多维数据集而不是场景中，一切都会更容易：

cube.add(lengthLine);

然后，因为您使用

创建多维数据集

cube = new THREE.Mesh(new THREE.CubeGeometry(1, 1, 1), new THREE.MeshLambertMaterial({

立方体坐标为-0.5和0.5。所以，你的行可能是

lengthVertArray.push(new THREE.Vector3(-0.5, 0.6, 0.6), new THREE.Vector3(0.5, 0.6, 0.6));

也就是说，距离0.5的距离为0.1，在哪里是立方体，设置线从-0.5到0.5

demo

demo 2

demo 3