logo标签列表

从一个对象到另一个对象创建动态连线的Three.js实现方式

javascriptthree.jslinevertices
4

我就像是一条线，而其他东西则已被定义好。我的问题是我不知道如何动态地创建一条从对象“a”到对象“b”的线。

1个回答
7

本文参考自http://threejs.org/docs/#Reference/Objects/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。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接