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

Question

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

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

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

Answer 1

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

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

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

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