畫布中心等軸測圖？

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應該是像素寬度。那是你追求的嗎？