javascript - 在 webGL 中渲染 NURBS 表面

标签 javascript webgl nurbs

我需要一些帮助来在 webGL 中渲染 NURBS 曲面。 几天前,我们的教授让我们用 NURBS 绘制一面旗帜并为其制作动画。 我们必须使用 webGL(不能使用 trhee.js...)。 我不知道如何进行(即使我或多或少知道有关 NURBS 和曲面分割的理论)。 有什么提示吗?

免责声明:我不是在寻求解决方案。这是违反规定的,我想自己去拿。我只需要指出正确的方向。

提前致谢

最佳答案

仅仅因为您不能使用 three.js 并不意味着您不能通过查看它来弄清楚它是如何工作的! This example renders NURBS你可以view the source code . (提示:它使用 THREE.NURBSSurface, THREE.NURBSUtils, etc... 然后插入 ParametricBufferGeometry )

至于 WebGL 部分,如果您熟悉 OpenGL,它有很多相同的东西,只是在功能上有所削减。你需要制作一个带有上下文 WebGL 的 Canvas ,在 CPU 上生成所有数据(表面定义、曲面分割等),然后将所有顶点和索引数据传递给 GPU,使用着色器渲染它们。

关于javascript - 在 webGL 中渲染 NURBS 表面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41171096/

相关文章:

javascript - 如何更改视频源

javascript - 通过 stardustjs 放大使用 WebGL 的 D3 可视化

javascript - 如何清除 WebGL 中的矩形区域?

python - Maya 变换节点未出现在列表中

polygon - Catias 3dxml 格式是否包含 CAD 作为 Nurbs,或者它只是一个三角/多边形网格?

c++ - 绘制 NURBS 曲线?

javascript - SQL 多个多对多自引用关联 (Sequelize.js)

javascript - 我以为我已经将 this 引用传递到了 Javascript 闭包中的私有(private)函数中,我认为错误

javascript - 使用本地存储在刷新后将名称和图片保留在屏幕上 (F5)

javascript - 使用 webgl 的景深