Android遊戲開發 – NancyGLines設計

今天把之前用Python實現的NancyGLines遊戲遷移到了Android中，雖然現在還只是算個毛坯版，介面比較醜陋，功能也不夠完善，但是整個架構已經建立好，並且，遊戲的準系統已經實現了。見：

 

遊戲規則：

1. 觸摸某個球，然後選擇一個需要移動到的沒有球的地方。

2. 球移動過去後，如果滿足橫，豎，斜同顏色的球大於等於5個，則消去這些同顏色的球得分。

3. 如果沒有消去，則會落下三個新的球。

4. 直到棋盤沒有位置容下新的球，遊戲結束。

下面是layout：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <com.coderzh.nancyglines.GLinesView
      android:id="@+id/glines"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"/>
    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" >
        <TextView
          android:id="@+id/text"
          android:text="@string/app_name"
          android:visibility="visible"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_centerInParent="true"
          android:gravity="center_horizontal"
          android:textColor="#88ffffff"
          android:textSize="24sp"/>
     </RelativeLayout>
</FrameLayout>

 

嗯，我使用了自訂的View - GLinesView，在GLinesView的原型是這樣的：

public class GLinesView extends SurfaceView implements SurfaceHolder.Callback {

}

在這裡繼承了SurfaceView ，因為SurfaceView 在遊戲製作上有一些優勢。接著，我參考了Sample裡的LunarLander代碼，在建立了一個SurfaceView內部線程類，用來處理遊戲的邏輯和繪製遊戲畫面。

public class GLinesView extends SurfaceView implements SurfaceHolder.Callback {

    class GLinesThread extends Thread {
        public void initGame() {
        }

        public void setRunning(boolean running) {
            mRun = running;
        }

        @Override
        public void run() {
              updateCanvas();

       }      
    }
   
    public GLinesView(Context context, AttributeSet attrs) {
        super(context, attrs);
        SurfaceHolder holder = getHolder();
        holder.addCallback(this);
        thread = new GLinesThread(holder, context, new Handler() {
            @Override
            public void handleMessage(Message m) {
                mStatusText.setVisibility(m.getData().getInt("viz"));
                mStatusText.setText(m.getData().getString("text"));
            }
        });
    }

    @Override
    public void surfaceCreated(SurfaceHolder holder) {
        thread.initGame();
        thread.setRunning(true);
        thread.start();
    }
}

當surfaceCreated事件發生時，觸發遊戲開始，initGame()做一些遊戲的初始設定，setRunning設定遊戲的目前狀態，start將線程運行起來。

因為我不需要即時的重新整理畫面，所以，我沒有線上程的run方法中使用一個while迴圈，而只是調用了一個重新整理畫面的方法updateCanvas();

當使用者觸控螢幕幕時，觸發GLinesView 的onTouchEvent方法，因此，添加代碼：

@Override
public boolean onTouchEvent(MotionEvent event) {
    float x = event.getX();
    float y = event.getY();
    thread.doTouch(x, y);
    return super.onTouchEvent(event);
}

 

然後，實現GLinesThread的doTouch方法：

public void doTouch(float posX, float posY) {
    // 啟用或移動某個球
}

 

我會使用一個二維數組來儲存棋盤上每個格子的狀態：

private int mStatus[][];

比如，mStatus[0][1] = Color.BLUE ，表示，第一行第二列的格子放置了一個藍色的球。

當我需要移動某個球時，首先需要實現最短路徑演算法，因為如果有其他球的阻礙，是不能移動的。因此，我使用了一個類似的Dijkstra 最短路徑演算法，實現了球的移動函數：

private void moveBall(int currentX, int currentY, int targetX,
                int targetY) {
}

 

然後，球移動過去後，還需要實現判斷是否滿足橫豎斜大於等於5個的情況，如果滿足，則消除那些球。因此，添加clearBalls方法：

private boolean clearBalls(Ball ball) {
} 

在沒有滿足得分條件時，需要落下新的三個球，因此，實現getThreeBalls方法：

private void getThreeBalls() {
}

 

其實到這裡，整個架構已經搭建起來了。整個的原理在與通過一些操作修改棋盤狀態的mStatus資料結構，操作完成後，調用updateCanvas()重新整理螢幕。

實現好上面的方法後，遊戲已經可以運行起來了。就是上面中看到的效果了。之後我還需要做一些介面美化，加入菜單，關卡的操作。

最後附上：

完整代碼： /Files/coderzh/Code/NancyGLines.rar

體驗apk檔案：/Files/coderzh/Code/NancyGLines.apk.rar

希望大家提寶貴意見，同時，我也會繼續完善這個遊戲。