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

Question

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

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

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

Answer 1

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

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

作为一个例子，假设您有一个100x50的图，图书馆强制的间距在x和y之间为1.0。相反，您希望x和y的大小为300x200。您可以将矩阵缩放（3,4,1）。

如果您想更改Z数据的显示范围，我建议调整其零点（即，将其上下翻转为居中），然后根据需要进行适当缩放。