来自数组的 WebGL 高度图？

Question

有人碰巧知道一个例子，或者可以指出正确的方向，从三维数组在 WebGL 中渲染 heightmap/terrain 吗？基本上我有一个数组，其中包含与 x 和 y 坐标相关的数据以及 'height'（z 轴）。

我发现的所有内容（比如在 threejs 世界中）都展示了如何动态地或从 2d 图像创建一个。理想情况下，我希望 pixel/particle 的颜色与高度相关。基本上是想做类似下面的事情，但在 WebGL 中：

Answer 1

已有很多关于如何执行此操作的示例。
您可以搜索 three.js + heigthmap。 或者尝试 three.js + 3d graph.

Here is something called a "Graphulus-Function" 看起来和您需要的完全一样。

Here you can find another interesting reference.

如果没有关于您数据的更多详细信息，很难说这些示例是否适合您的需要...

另请检查 this three.js issue 1003 on GitHub: "Terrain from Heightmap" 那里有关于此主题的讨论并提到了很多很好的例子。