问题描述
我有两个函数可以接收未返回正确输出的坐标。
接收鼠标相对于元素的位置,并返回等距图块的网格坐标。 另一个功能从本质上将这个过程从等边平移到屏幕上的像素位置。
当我发送一个坐标值作为鼠标位置并将其转换为等轴测图,然后将其转换回像素位置时,我得到的结果与我开始时的结果有很大的不同,而不是图块大小的舍入-这表明我在某些地方弄错了数学,但不确定在哪里。
我的两个功能是:
function isoToScreen(isoX,isoY){ //recieves simple grid co-ordinate (int,int)
var x = (isoX - isoY) * (grid.getWidth()/2),
y = (isoX + isoY) * (grid.getHeight()/2);
//need to remove the camera offset to get the relative position
x = camera.removeOffsetX(x);
y = camera.removeOffsetY(y);
return {'x':x,'y':y};
}
function screenToIso(x,y){ //receives mouse position relative to canvas
//add camera offset to get the correct isometric grid
x = camera.addOffsetX(x);
y = camera.addOffsetY(y);
var isoX = x / (grid.getWidth()/2) + y / (grid.getHeight()/2),
isoY = y / (grid.getHeight()/2) - x / (grid.getWidth()/2);
return {'x':Math.floor(isoX),'y':Math.floor(isoY)}
}
只是一些额外的信息, grid height == 46
和grid width == 92
。
有人能在我的数学逻辑中看到我哪里出问题了吗?
1楼
Antoine Mathys
0
已采纳
2015-08-08 02:30:01
在screenToIso
您将向量[x;y]
乘以矩阵:
[ 2 / grid.getWidth(), 2 / grid.getHeight()]
[ -2 / grid.getWidth(), 2 / grid.getHeight()]
其是:
[grid.getWidth() / 4, -grid.getWidth() / 4]
[grid.getHeight() / 4, grid.getHeight() / 4]
因此, isoToScreen
的前两行应为:
var x = (grid.getWidth() / 4) * isoX - (grid.getWidth() / 4) * isoY;
var y = (grid.getHeight() / 4) * isox + (grid.getHeight() / 4) * isoY;