Question

我想知道如何设置画布来查看特定的网格点？

例如，我的等轴测图使用x：y坐标。当我加载地图时，画布上的一些内容大约有一半...所以我想将相机的中心设置为地图的中心区域。这样整个网格就可以在画布中查看。

img.onload = function(){
tiles_wide = 18; 
tiles_long = 19; 

for (i=0;i<tiles_wide;i++){ //horizontal

  for (j=0;j<tiles_long;j++){ // vertical

    var x = (i-j)*(img.height/2);
    var y = (i+j)*(img.height/4);

    ctx.drawImage(img,x,y);
        }
    }

}

希望有人可以提供帮助：）

Answer 1

绘制图像时可以做到 x +（tiles_wide / 2）* tilewidth与y相同。

所有碰撞和游戏功能仍将以正确的坐标运行，但您将使用偏移进行绘制，从而产生相机的错觉。

确保您只是在偏移处绘制而不是在偏移处设置这些“对象”。

tilewidth var也应该是tile的宽度（以像素为单位）。那是你得到的吗？

画布中心等距地图？

1 个答案: