J2ME 遊戲開發：雙緩衝技術實現詳解

前言

雙緩衝技術在遊戲開發中應用極廣，特別是在 J2ME 平台上。MIDP 1.0 並未提供 javax.microedition.lcdui.game 套件，許多開發者在繪圖時常遭遇畫面閃爍、圖像撕裂等問題。本文整理學習心得，探討如何在 MIDP 1.0 環境下手動實現雙緩衡，以提升繪圖效能與視覺品質。

雙緩衝原理

想像電腦螢幕是一塊黑板。雙緩衝的做法是：先在記憶體中建立一塊「虛擬黑板」（離屏緩衝區），在上面繪製複雜圖形；待所有繪製動作完成後，再一次性將這塊虛擬黑板的內容「複製」到真實螢幕上。這樣可避免使用者看到繪製過程中的中間狀態，大幅減少閃爍並提升繪圖速度。

在手機上的具體流程

1. 繼承 Canvas 類別。
2. 建立一個與螢幕同尺寸的 Image 物件作為緩衝區（bufferImage）。
3. 透過 bufferImage.getGraphics() 取得離屏繪圖上下文。
4. 在該 Graphics 上繪製所有遊戲元素（圖片、文字、幾何圖形等）。
5. 在 paint(Graphics g) 方法中，將繪製完成的 bufferImage 一次性繪製到螢幕的 Graphics 上。

核心程式碼實作

以下類別封裝了雙緩衝邏輯，提供 getGraphics() 供遊戲邏輯繪圖，並支援區域刷新（flushGraphics(x,y,w,h)）與全螢幕刷新。同時處理了諾基亞等平台全螢幕模式切換時的緩衝區重建問題。

package org.wuhua.game;

import javax.microedition.lcdui.Canvas;
import javax.microedition.lcdui.Graphics;
import javax.microedition.lcdui.Image;

/**
 * 雙緩衝遊戲畫布基底類別
 * 原理：建立一個 BufferImage，所有繪圖操作均在該影像上進行，
 * 最後在 paint() 中一次性繪製到螢幕。
 */
public abstract class GameCanvas extends Canvas {
    /** 離屏繪圖緩衝區 */
    private Image bufferImage;
    private int width, height;
    /** 區域刷新裁剪參數 */
    private int clipX, clipY, clipWidth, clipHeight;
    private boolean setClip;

    protected GameCanvas() {
        super();
        width = getWidth();
        height = getHeight();
        // 建立與螢幕同大小的離屏影像
        this.bufferImage = Image.createImage(width, height);
    }

    /** 系統呼叫：將離屏影像繪製到螢幕 */
    protected void paint(Graphics g) {
        if (setClip) {
            g.clipRect(clipX, clipY, clipWidth, clipHeight);
            setClip = false;
        }
        g.drawImage(bufferImage, 0, 0, Graphics.TOP | Graphics.LEFT);
    }

    /** 區域刷新：僅更新指定矩形區域 */
    public void flushGraphics(int x, int y, int width, int height) {
        this.setClip = true;
        this.clipX = x;
        this.clipY = y;
        this.clipWidth = width;
        this.clipHeight = height;
        repaint();
        serviceRepaints();
    }

    /** 全螢幕刷新 */
    public void flushGraphics() {
        repaint();
        serviceRepaints();
    }

    /** 供遊戲邏輯取得離屏繪圖上下文 */
    protected Graphics getGraphics() {
        return bufferImage.getGraphics();
    }

    /** 處理螢幕尺寸變更（如全螢幕模式切換） */
    protected final void sizeChanged(int w, int h) {
        if (h > height) {
            this.bufferImage = Image.createImage(w, h);
        }
    }
}

關鍵點說明

• foreign 生成策略：Person 的主鍵由關聯的 IdCard 提供，故使用 <generator class="foreign"> 並指定 <param name="property">idCard</param>。
• 一對一關聯標籤：<one-to-one name="idCard" constrained="true"/> 宣告單向一對一關聯，並建立外鍵約束，確保資料完整性。
• 效能考量：區域刷新可減少資料傳輸量，特別適合螢幕解析度較高的裝置。

掌握雙緩衝技術是 J2ME 遊戲開發的基礎，配合適當的幀率控制與資源管理，即可流暢呈現動畫效果。