javascript - 三.JS路径跨平面

Question

我有一个非常简单的 Three.js 场景：点击

通过提供来自 2D 空间的一系列向量（从相机视图 0、0、200 绘制），例如，{from:{x,:0, y:10}, to:{x:50,y:50}}我希望能够在平面对象的面上绘制一条路径，就像下面的示例图像所示：

一般来说，我对 Three.JS/3D 相当陌生，并且已经查看了 Vector3 和路径对象，但承认我有点卡在从哪里开始 - 任何人都可以提供任何建议或理想情况下对我发布的 JSFiddle 进行简单更新吗？

Answer 1

我已经更新了你的 JSFiddle 来做你想做的事（我认为）：http: //jsfiddle.net/evgeni_popov/uBQnS/3/

路径在path变量中。这些线是用 Z=1 绘制的，因此它们不会卡在 Z=0 处的平面中。

我已将您更改MeshLamberMaterial为，MeshBasicMaterial以便我们可以更好地看到线条。