javascript - 如何在 WebGL 中提供 x 轴和 y 轴值？

Question

我正在尝试使用 WebGL 绘制 3D 表面。我的问题是它不允许我提供 x 和 y 值。它根据 0 到 n 范围内的 x 值和 0 到 m 范围内的 y 值(所有整数值)绘制 z 轴值。

如何制作一个表面，我还可以为 3D 表面构造提供 x 和 y 值。另外，如果无法在 WebGL 中执行此操作，那么我可以使用什么解决方案？

PS 此外，WebGL 工具提示功能不起作用。对此有何评论？

Answer 1

我猜你是说你不能指定 x 和 y 相对于绘制的 (z) 值的比例？

您需要的是对整个表面(模型 View 矩阵)应用非均匀比例，以便将 X 和 Y 轴拉伸(stretch)成您想要的形状。您使用的是 three.js 还是类似的库，或者...？答案将定义您应该使用的特定命令。

例如，假设您有一个 100x50 的绘图，库将 x 和 y 之间的间距强制为 1.0。相反，您希望 x 和 y 的大小为 300x200。您可以按 (3,4,1) 缩放矩阵。

如果您想更改 Z 数据的显示范围，我建议调整其零点(即，将其向上或向下平移以居中)，然后根据需要适当缩放。