屏幕坐標(biāo)位置的確定用公式計(jì)算：
屏幕的x坐標(biāo)=地圖格子邏輯數(shù)組中的位置X * 格子寬度
屏幕的y坐標(biāo)=地圖格子邏輯數(shù)組中的位置Y * 格子高度/2

得到的圖應(yīng)該是這樣的：

那么這個(gè)公式是怎樣得到呢？




這個(gè)地圖有5行，看著這個(gè)地圖你會(huì)想，怎么拼圖才能將地圖拼出來。再畫張圖來演示：






從這張圖可以看出，拼圖時(shí)從左到右，從上到下，跟正規(guī)的矩形拼圖一樣，唯一同的是，地圖元素與元素之間有重疊，看看第一行和第二行之間，第二行的地圖元素會(huì)壓在第一行的元素上，而第三行的的地圖元素則壓在第二行的元素上。所以，只要找到正確的公式，你就能正確地設(shè)計(jì)程序，再來一張圖：





圖上綠點(diǎn)（是高亮度綠色，不是暗綠色）是每塊地圖元素的起點(diǎn)，第一行的行坐標(biāo)是0，第二行的行坐標(biāo)是1，第三行的行坐標(biāo)是2，......由這些行坐標(biāo)決定你的地圖元素的起點(diǎn)，從這個(gè)規(guī)律中看出行坐標(biāo)0，和行坐標(biāo)2的橫向坐標(biāo)X的起點(diǎn)是一樣的是0，行坐標(biāo)為1的起點(diǎn)是向右移半塊地圖元素。
再從縱向坐標(biāo)找規(guī)律，看行坐標(biāo)0和行坐標(biāo)2，兩塊地圖元素之間的距離剛好是一塊地圖元素的高。再看看行坐標(biāo)0和行坐標(biāo)1，兩塊地圖元素之間的距離剛好是半塊地圖元素的高。所以，計(jì)算每塊地圖元素的位置，你的轉(zhuǎn)換屏幕坐標(biāo)和邏輯公式剛好是：
logic.y = ( 2 * stage.y ) / TileHeigth;
logic.x = ( stage.x / TileWidth ) - ( logic.y & 1 ) * ( TileWidth / 2 );
stage.x = logic.x * TileWidth + ( logic.y & 1) * ( TileWidth / 2 );
stage.y = logic.y * TileHeigth / 2;
其中TileHeigth和TileWidth是菱形的高和寬，這樣你可以再嘗試著定義（0，1），（0，2），（0，3）等點(diǎn)，和得到的結(jié)果完全一樣···

重要：
首先以上的公式只適用于Staggered斜45度角地圖，而slide，和Diamond形地圖，這個(gè)公式要稍加修改才能用。
Staggered:



Slide:



Diamond:




而得到的邏輯坐標(biāo)就是把了斜45度得到的實(shí)際坐標(biāo)么？當(dāng)然不是···
仔細(xì)觀察，如果我們想用一個(gè)直角的坐標(biāo)來表示這個(gè)地圖，那么大家可能開發(fā)起來也更加直觀一些，看這個(gè)坐標(biāo)表示出來的y軸都是扭曲的用起來實(shí)在不爽，那么我們來將它轉(zhuǎn)換到直角坐標(biāo)，那么再來加上尋路等算法都沒有任何難度了

首先我們將地圖的高進(jìn)行轉(zhuǎn)換，這個(gè)轉(zhuǎn)換主要是將菱形還原成正方形，例如菱形的高寬比是2：1，那么在地圖上則需要將地圖高度擴(kuò)大一倍，然后旋轉(zhuǎn)-45度，那么得到對(duì)應(yīng)坐標(biāo)如下




我們更加仔細(xì)的對(duì)這個(gè)圖的坐標(biāo)進(jìn)行

 1 /** 
 2 *  
 3 * @author myth815 
 4 */ 
 5 package ContainerObjectManager 
 6 { 
 7 import flash.geom.Point; 
 8 import Math; 
 9 public class PointExchange 
10 { 
11 private static var TileWidth : int = 60; 
12 private static var TileHeigth : int = 30; 
13 public function PointExchange() 
14 { 
15 //this Class not allow init! 
16 } 
17 
18 public static function StageToLogic(stage:Point):Point 
19 { 
20 var logic : Point = new Point; 
21 logic.y = ( 2 * stage.y ) / TileHeigth; 
22 logic.x = ( stage.x / TileWidth ) - ( logic.y & 1 ) * ( TileWidth / 2 ); 
23 return logic; 
24 } 
25 
26 public static function LogicToStage(logic:Point):Point 
27 { 
28 var stage : Point = new Point; 
29 stage.x = logic.x * TileWidth + ( logic.y & 1) * ( TileWidth / 2 ); 
30 stage.y = logic.y * TileHeigth / 2; 
31 return stage; 
32 } 
33 } 
34 } 

標(biāo)注：