【问题标题】:Three.JS path across a plane三.JS路径跨平面
【发布时间】:2013-03-22 14:27:45
【问题描述】:

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

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

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

【问题讨论】:

    标签: javascript three.js


    【解决方案1】:

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

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

    我已将您的MeshLamberMaterial 更改为MeshBasicMaterial,以便我们可以更好地查看线条。

    【讨论】:

    • 正是我想要的。非常感谢您的快速回复。
    • 对不起,另一个相关问题:如果我想将线绘制为 3D 路径,是否会挤压 2D 线?谢谢
    • 3D 路径是什么意思?你的意思是在飞机上刻一条路?然后就复杂多了,因为你必须先创建一个盒子而不是平面(因为平面没有厚度),然后使用 CSG 在这个盒子中雕刻路径(这也意味着你的路径应该用盒子而不是线来构造)。至少那是一种方法......有一个用于三个 js 的 CSG 库,但我自己从未使用过它:learningthreejs.com/blog/2011/12/10/…
    • 感谢您的回复,但我现在已经弄清楚了。我希望上图中的红色路径或示例中的蓝线是 3D 对象。
    猜你喜欢
    • 2011-11-16
    • 2019-04-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-07-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多