點點滴滴

屏幕坐標位置的確定用公式計算：
屏幕的x坐標=地圖格子邏輯數組中的位置X * 格子寬度
屏幕的y坐標=地圖格子邏輯數組中的位置Y * 格子高度/2

得到的圖應該是這樣的：

那么這個公式是怎樣得到呢？




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






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





圖上綠點（是高亮度綠色，不是暗綠色）是每塊地圖元素的起點，第一行的行坐標是0，第二行的行坐標是1，第三行的行坐標是2，......由這些行坐標決定你的地圖元素的起點，從這個規律中看出行坐標0，和行坐標2的橫向坐標X的起點是一樣的是0，行坐標為1的起點是向右移半塊地圖元素。
再從縱向坐標找規律，看行坐標0和行坐標2，兩塊地圖元素之間的距離剛好是一塊地圖元素的高。再看看行坐標0和行坐標1，兩塊地圖元素之間的距離剛好是半塊地圖元素的高。所以，計算每塊地圖元素的位置，你的轉換屏幕坐標和邏輯公式剛好是：
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）等點，和得到的結果完全一樣···

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



Slide:



Diamond:




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

首先我們將地圖的高進行轉換，這個轉換主要是將菱形還原成正方形，例如菱形的高寬比是2：1，那么在地圖上則需要將地圖高度擴大一倍，然后旋轉-45度，那么得到對應坐標如下




我們更加仔細的對這個圖的坐標進行

 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 } 

標注：