使用 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;

使用 three.js 创建尾随行

Creating a trailing line with three.js

three.js