Javascript 从三维空间中的两个坐标绘制圆柱体（three.js）

嘿嘿,， 我对编程比较陌生，现在我正在尝试解决一个问题，但不知道如何解决，甚至不知道在three.js中是否可能

我打赌有人会告诉我

我的目标是，在three.js中创建一个圆柱体，看起来像几何体，将从一个矢量3绘制到另一个矢量。 我需要这个来创建三维尺寸线。 我知道three.js提供了一个arrowhelper，但他们只能绘制二维线，我需要能够定义箭头的宽度

我尝试过的事情：

• 起初我尝试使用three.js的基本圆柱体几何体，但我 不知道如何给它一个起点和终点
• 我想到的第二个想法是形状（能够定义点） 但我想我只能用它画2d形状

---

有人能帮我吗？

让我直截了当地说：你想定义一个圆柱体作为一个向量3到一个向量3。你的意思是说，第一个是，比如说，顶面中心的点，第二个是底面边缘上的点，你想从这些点获得执行至少具有radiusTop、radiusBottom和height的圆柱体几何体所需的信息，还有一些半径段，如上例所示？一个坐标应该是顶面的中心，另一个坐标应该是靴面的中心，在这两个点之间我想要一个圆柱体。但是我不知道怎么做标准几何无法在两个矢量之间绘制这就是这些默认几何的问题你只能定义长度而不能定义起点和终点我的几何技能最粗略，所以如果我问一个愚蠢的问题，请原谅我。绘图工具如何知道绘制圆柱体的半径或直径？但我在这里大声思考：你在1,1,1和10,10,10，所以你通过找到两点之间的距离来计算高度。然后为radiusTop和radiusBottom选择一些任意值…您有两个选项，要么计算并使用轴对齐器圆柱体，要么自己计算圆柱体几何体。。。简单地创建3个基向量（一个是

w=p1-p0

，另外2个（

u，v

）垂直于每个基向量，并且在圆柱体的半径大小上，利用w的叉积和任何非n零的非平行于

w

向量），然后简单地使用：

vec3（x，y，z）=u*cos（a）+v*sin a）+h*w

其中

a=，h={0,1}

。。。在这两种情况下，你都需要

u，v，w

。@Spektre谢谢你，我自己无法算出数学，你为我节省了很多时间：）谢谢，让我直截了当地说：你想把圆柱体定义为向量3到向量3。你的意思是说，第一个是，比如说，顶面中心的点，第二个是底面边缘上的点，你想从这些点获得执行至少具有radiusTop、radiusBottom和height的圆柱体几何体所需的信息，还有一些半径段，如上例所示？一个坐标应该是顶面的中心，另一个坐标应该是靴面的中心，在这两个点之间我想要一个圆柱体。但是我不知道怎么做标准几何无法在两个矢量之间绘制这就是这些默认几何的问题你只能定义长度而不能定义起点和终点我的几何技能最粗略，所以如果我问一个愚蠢的问题，请原谅我。绘图工具如何知道绘制圆柱体的半径或直径？但我在这里大声思考：你在1,1,1和10,10,10，所以你通过找到两点之间的距离来计算高度。然后为radiusTop和radiusBottom选择一些任意值…您有两个选项，要么计算并使用轴对齐器圆柱体，要么自己计算圆柱体几何体。。。简单地创建3个基向量（一个是

w=p1-p0

，另外2个（

u，v

）垂直于每个基向量，并且在圆柱体的半径大小上，利用w的叉积和任何非n零的非平行于

w

向量），然后简单地使用：

vec3（x，y，z）=u*cos（a）+v*sin a）+h*w

其中

a=，h={0,1}

。。。在这两种情况下，你都需要

u，v，w

。@Spektre谢谢你，我自己无法算出数学，你为我节省了很多时间：）谢谢