javascript - 在 webGL 中渲染 NURBS 表面

Question

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

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

提前致谢

Answer 1

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

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