在WebGL中绘制曲面上的曲线

时间:2012-06-09 20:16:06

标签: javascript webgl calculus

嗯,标题几乎说明了它。我希望能够在Web GL中绘制曲面。例如,我想在球体表面画一条抛物线。

x = cos(theta)sin(phi); y = sin(theta)sin(phi); z = cos(phi)。

如果你使theta = theta(t)和phi = phi(t),你可以在曲面上绘制曲线。

我觉得形状上的线条是我需要的。任何人都知道这是否可以在Web GL中使用?

2 个答案:

答案 0 :(得分:1)

抛物线是距离线和点(称为焦点)具有相同距离的平面点集。这里的要点是你在球体上的“线”是什么意思。请记住抛物线延伸到无穷大,除非你在球体上定义一些特定的度量标准,否则你不能在球体上做到这一点。

无论如何,你在theta和phi方面使用了球体的参数化。非常好。如果要在曲面上定义曲线,则应该在theta和phi之间进行绑定,例如

phi = theta ^ 2

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

答案 1 :(得分:1)

您是否正在寻找有关如何在WebGL中执行此操作的帮助?在这种情况下,请看一下这个例子

http://dl.dropbox.com/u/17612367/OpenGL%20to%20WebGL/example%202.3.1%20-%20line%20graph/code/index.html

你基本上将位置加载到一个向量中并使用带有LINELOOP的drawArrays或其他东西绘制它...请参阅此cheatsheet获取参数或google drawArrays函数以获取更多信息:

http://www.nihilogic.dk/labs/webgl_cheat_sheet/WebGL_Cheat_Sheet.pdf

祝你好运!