三.JS路径跨越平面

Sid*_*ebp 0 javascript three.js

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

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

在此输入图像描述

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

Pop*_*pov 5

我已经更新了您的 JSFiddle 来执行您想要的操作(我认为):http://jsfiddle.net/evgeni_popov/uBQnS/3/

路径在path变量中。这些线是用 Z=1 绘制的,这样它们就不会卡在 Z=0 的平面中。

我已将您的更改MeshLamberMaterialMeshBasicMaterial以便我们可以更好地看到线条。