javascript - 在 WebGL 中在曲面上绘制曲线

标签 javascript webgl calculus

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

x = cos(theta)sin(phi); y = sin(θ)sin(phi); z = 余弦(φ)。

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

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

最佳答案

抛物线是平面上与直线和点(称为焦点)距离相同的点的集合。这里的重点是球体上的“线”是什么意思。请记住,抛物线会延伸到无穷大,但您不能在球体上做到这一点,除非您在其上定义了一些特定的度量。

无论如何,您使用了球体的参数化,根据 theta 和 phi。那挺好的。如果你想在表面上定义一条曲线,你应该在 theta 和 phi 之间有一个绑定(bind),例如

phi = theta ^ 2

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

关于javascript - 在 WebGL 中在曲面上绘制曲线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10964281/

相关文章:

javascript - 正则表达式子字符串以 JavaScript 开头和结尾

javascript - 使用变量在 Highcharts 中设置仪表限制

javascript - 显示/隐藏从函数中提取的标记

javascript - Cesium JS 获取圆弧点数组的最佳方法

c++ - WebGL 和 OpenGL 的性能

javascript - jQuery 销毁 Meteor 中自定义 Polymer 事件的 `detail`

javascript - THREE.js - 无法读取未定义的属性 'lib' (THREE.ShaderUtils.lib ["normal"])

java - 线相交方法无法正常工作

python - 在笛卡尔坐标系中计算不规则形状的边界 2D

machine-learning - 使用机器学习让计算机学习微积分