使用three.js创建尾随行

Question

This与我想要的非常相似。

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

所以当我向右移动鼠标时，我希望看到换行。

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

Answer 1

为了将来参考，首先启动两点线

var geometry = new THREE.Geometry();

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

var line = new THREE.Line(geometry, new THREE.LineBasicMaterial({}));

然后在mousemove上用最新的鼠标位置替换最后一个顶点。

line.geometry.vertices[last_point] = new_point;