创建从一个对象到另一个对象的动态线 Three.js

Question

我就像一条线和其他定义。我的问题是我不知道如何动态地创建一条从对象 "a" 到对象 "b" 的线。

Answer 1

改编自 http://threejs.org/docs/#Reference/Objects/Line 处的 Line 示例——假设您的对象 a 和 b 也在那里，并且在世界坐标中（没有父级）：

var material = new THREE.LineBasicMaterial({
    color: 0x0000ff
});

var geometry = new THREE.Geometry();
geometry.vertices.push(
    a.position,
    b.position
);

var line = new THREE.Line( geometry, material );
scene.add( line );

这会创建一条从 a 到 b 的线。

如果您的对象移动，您可以在更新中移动这些顶点并说：geometry.verticesNeedUpdate = true。

创建从一个对象到另一个对象的动态线 Three.js

create dynamic line from one object to another Three.js

javascript

line

vertices

three.js