Javascript 在WebGL中绘制曲面上的曲线

Javascript 在WebGL中绘制曲面上的曲线,javascript,webgl,calculus,Javascript,Webgl,Calculus,好吧,标题差不多说明了这一点。我希望能够在Web GL中绘制曲面上的曲线。例如,我想在球面上画一条抛物线 x=cos(θ)sin(φ);y=sin(θ)sin(φ);z=cos(φ) 如果使θ=θ(t)和φ=φ(t),则可以在曲面上绘制曲线 我想我需要的是形状上的线条。有人知道这在Web GL中是否可行吗?抛物线是平面上与直线和点的距离相同的点集(称为焦点)。这里的重点是你所说的球体上的“线”是什么意思。记住,抛物线延伸到无穷远,但你不能在球面上这样做,除非你在球面上定义了某种特定的度量 不管怎

好吧,标题差不多说明了这一点。我希望能够在Web GL中绘制曲面上的曲线。例如,我想在球面上画一条抛物线

x=cos(θ)sin(φ);y=sin(θ)sin(φ);z=cos(φ)

如果使θ=θ(t)和φ=φ(t),则可以在曲面上绘制曲线


我想我需要的是形状上的线条。有人知道这在Web GL中是否可行吗?

抛物线是平面上与直线和点的距离相同的点集(称为焦点)。这里的重点是你所说的球体上的“线”是什么意思。记住,抛物线延伸到无穷远,但你不能在球面上这样做,除非你在球面上定义了某种特定的度量

不管怎么说,你们给出了球面的参数化,用θ和φ表示。那很好。例如,如果要定义曲面上的曲线,则应在θ和φ之间进行绑定

phi = theta ^ 2

将以某种方式绘制可以定义为“抛物线”的东西,即球体上的投影,通过参数化给出其在平面上的表示。

您是否在WebGL中寻求有关如何进行此操作的帮助?在本例中,请看这个示例

基本上,您可以将位置加载到向量中,并使用带有LINELOOP的DrawArray或其他东西绘制它。。。有关参数,请参阅此备忘单,或通过谷歌搜索drawArrays函数了解更多信息:


祝你好运

哦,好吧,我应该说得更具体些。我所说的“线”是某种形状的曲面上的闭合曲线。这几乎是一样的,你必须从曲面的参数化开始。参数化为您提供了一种将曲面拆分为小平面形状的方法,您可以将这些形状放入欧几里德3D空间中以重新创建曲面。在所有这些形状中,你应该画一条线。对于闭合曲线,它们要么在投影到曲面上的平面区域上闭合,要么必须匹配相对边界上的坐标。我从未为WebGL编写过代码,总有一天我会尝试,但我现在可以给你一些理论。