将OpenGL画布坐标转换为HTML5画布坐标

Question

我有一个Java Applet OpenGL模拟，我正在尝试转换 到HTML5画布。任何人都知道如何转换这些坐标？

OpenGL从-400x到+ 400x，从-600y到+ 600y， 而我的画布从0x到400x，从0到600y 没有负坐标。

Answer 1

这只是一个简单的线性函数。线性函数的格式为f(x) = m * x + n

对于x坐标：

您想要将-400映射到0和400到400，因此您有两个点（-400,0），（400,400）来描述您的线性关系。

现在使用（y2-y1）/（x2-x1）计算梯度m，在本例中：m =（400-0）/（400--400）= 1/2

所以你的函数现在看起来像：f（x）= 1/2 * x + n

要计算n（y轴截距），只需插入一个点（例如（-400,0））：

0 = 1/2 *（ - 400）+ n

你得到n为200.所以最后的函数是f(x) = 1/2 * x + 200

对于y坐标，您获得g(y) = 1/2 * y + 300