MIDP 2.0 遊戲開發（四）：TiledLayer 圖塊地圖高效生成實戰

背景問題

早期使用 Sprite 疊加背景圖塊，程式碼冗長且難以從地圖資料動態生成。MIDP 2.0 引入 javax.microedition.lcdui.game.TiledLayer，專為圖塊地圖設計，極大簡化開發。

資源準備

• 單一 PNG 圖集：包含所有圖塊（如 40×8 像素，5 個 8×8 圖塊）。
• 圖塊編號：1=冰面、2=磚塊、3=巖石、4=河流、5=樹木。**0 保留為透明塊**。

核心 API 操作流程

1. 載入圖集：Image tileset = Image.createImage("/res/img/tile.png");
2. 建立 TiledLayer：

   TiledLayer layer = new TiledLayer(22, 22, tileset, 8, 8); // 22×22 格，每格 8×8

3. 定義地圖資料 (二維陣列)：

   int[][] map = {
       {0,0,1,4},
       {1,1,2,4},
       {0,1,2,4},
       {0,1,1,3}
   };

4. 填充圖塊：

   for (int row = 0; row < map.length; row++) {
       for (int col = 0; col < map[row].length; col++) {
           layer.setCell(col, row, map[row][col]); // col, row, tileIndex
       }
   }

5. 渲染：layer.paint(g); (g 為 Graphics 物件)

完整 TankGameCanvas 片段

public class TankGameCanvas extends GameCanvas implements Runnable {
    private TiledLayer layerBackground;

    public TankGameCanvas() {
        super(false); // 關閉鍵盤事件自動繪製
        try {
            Image tileset = Image.createImage("/res/img/tile.png");
            layerBackground = new TiledLayer(22, 22, tileset, 8, 8);

            // 常數定義
            final int EMP=0, ICE=1, BRK=2, ROC=3, RIV=4, TRE=5;

            int[][] map = new int[22][22];
            // 填充地圖資料 (此處省略冗長陣列初始化)
            // ...

            for (int r = 0; r < 22; r++)
                for (int c = 0; c < 22; c++)
                    layerBackground.setCell(c, r, map[r][c]);
        } catch (IOException e) { e.printStackTrace(); }
    }

    protected void paint(Graphics g) {
        layerBackground.paint(g); // 一行繪製整張地圖
        // 繪製坦克、子彈等 Sprite...
    }
}

優勢總結

• 記憶體高效：單一圖集 + 整數陣列，無需重複 Image 物件。
• 渲染極快：原生實作僅繪製可視區域圖塊。
• 資料驅動：地圖編輯器輸出二維陣列，遊戲直接載入，關卡製作分離。
• 動態修改：setCell() 可即時改變圖塊 (如炸毀磚塊變透明)。