使用three.js创建尾随行

使用three.js创建尾随行,three.js,Three.js,和我想要的非常相似 除了我希望用户在第一次单击后看到一条尾随线。因此,当用户第一次单击时,起始位置是固定的,并且创建了一条线,其中终点将是当前鼠标位置。类似于MS绘制线条的功能 所以当我向右移动鼠标时,我想看到线条的变化 也许有一些例子或指针如何实现它 为了便于将来参考,首先创建一条两点线 var geometry = new THREE.Geometry(); geometry.vertices.push(point); geometry.vertices.push(point); var

和我想要的非常相似

除了我希望用户在第一次单击后看到一条尾随线。因此,当用户第一次单击时,起始位置是固定的,并且创建了一条线,其中终点将是当前鼠标位置。类似于MS绘制线条的功能

所以当我向右移动鼠标时,我想看到线条的变化

也许有一些例子或指针如何实现它


为了便于将来参考,首先创建一条两点线

var geometry = new THREE.Geometry();

geometry.vertices.push(point);
geometry.vertices.push(point);

var line = new THREE.Line(geometry, new THREE.LineBasicMaterial({}));
然后在mousemove上用最新的鼠标位置替换最后一个vertice

line.geometry.vertices[last_point] = new_point;