[libgdx游戲開發教程]使用Libgdx進行游戲開發(2)-游戲框架搭建

讓我們拋開理論開始code吧。

入口類CanyonBunnyMain的代碼：

package com.packtpub.libgdx.canyonbunny;

import com.badlogic.gdx.ApplicationListener;
import com.packtpub.libgdx.canyonbunny.game.WorldController;
import com.packtpub.libgdx.canyonbunny.game.WorldRenderer;

public class CanyonBunnyMain implements ApplicationListener {
    private static final String TAG = CanyonBunnyMain.class.getName();
    private WorldController worldController;
    private WorldRenderer worldRenderer;

    @Override
    public void create() {
    }

    @Override
    public void render() {
    }

    @Override
    public void resize(int width, int height) {
    }

    @Override
    public void pause() {
    }

    @Override
    public void resume() {
    }

    @Override
    public void dispose() {
    }
}

WorldController

package com.packtpub.libgdx.canyonbunny.game;

public class WorldController {
    private static final String TAG = WorldController.class.getName();

    public WorldController() {
    }

    private void init() {
    }

    public void update(float deltaTime) {
    }
}

WorldRenderer

package com.packtpub.libgdx.canyonbunny.game;

import com.badlogic.gdx.graphics.OrthographicCamera;
import com.badlogic.gdx.graphics.g2d.SpriteBatch;
import com.badlogic.gdx.utils.Disposable;
import com.packtpub.libgdx.canyonbunny.util.Constants;

public class WorldRenderer implements Disposable {
    private OrthographicCamera camera;
    private SpriteBatch batch;
    private WorldController worldController;

    public WorldRenderer(WorldController worldController) {
    }

    private void init() {
    }

    public void render() {
    }

    public void resize(int width, int height) {
    }

    @Override
    public void dispose() {
    }
}

我們完成了CanyonBunnyMain, WorldController, WorldRenderer的第一個基本版本（骨架）。

有必要回顧一下我們框架的核心點：游戲主循環是在CanyonBunnyMain類的render()方法中。

要把三者聯系起來，首先在create()中添加：

@Override
    public void create() {
        // Set Libgdx log level to DEBUG
        Gdx.app.setLogLevel(Application.LOG_DEBUG);
        // Initialize controller and renderer
        worldController = new WorldController();
        worldRenderer = new WorldRenderer(worldController);
    }

然后在render里調用

    @Override
    public void render() {
        // Update game world by the time that has passed
        // since last rendered frame.
        worldController.update(Gdx.graphics.getDeltaTime());
        // Sets the clear screen color to: Cornflower Blue
        Gdx.gl.glClearColor(0x64 / 255.0f, 0x95 / 255.0f, 0xed / 255.0f,0xff / 255.0f);
//or Gdx.gl.glClearColor(100/255.0f, 149/255.0f, 237/255.0f, 255/255.0f);自定義的顏色
        // Clears the screen
        Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT);
        // Render game world to screen
        worldRenderer.render();
    }

順便修改下resize():（在游戲開始和改變窗口大小的時候會觸發）

    @Override
    public void resize(int width, int height) {
        worldRenderer.resize(width, height);
    }

之后是dispose

@Override
public void dispose() {
worldRenderer.dispose();
}

【在Android下，可以做個小改進】

在Android上進行暫停的時候：我們讓游戲別渲染了。

 加個標志位

private boolean paused;

create()和render()這么改：

    @Override
    public void create() {
        // Set Libgdx log level to DEBUG
        Gdx.app.setLogLevel(Application.LOG_DEBUG);
        // Initialize controller and renderer
        worldController = new WorldController();
        worldRenderer = new WorldRenderer(worldController);
        // Game world is active on start
        paused = false;     }

    @Override
    public void render() {
        // Do not update game world when paused.
        if (!paused) { // Update game world by the time that has passed
            // since last rendered frame.
            worldController.update(Gdx.graphics.getDeltaTime());
        } // Sets the clear screen color to: Cornflower Blue
        Gdx.gl.glClearColor(0x64 / 255.0f, 0x95 / 255.0f, 0xed / 255.0f,
                0xff / 255.0f);
        // Clears the screen
        Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT);
        // Render game world to screen
        worldRenderer.render();
    }

加上切換的代碼：

    @Override
    public void pause() {
        paused = true;
    }

    @Override
    public void resume() {
        paused = false;
    }

OK。整合在一起了。運行看看效果。

太棒了。（你應該猜到了這里使用的設計模式就是MVC模式）

接下來，我們需要一個常量類來保存所有用到的常量。

Constants.java

package com.packtpub.libgdx.canyonbunny.util;
public class Constants {
// Visible game world is 5 meters wide
public static final float VIEWPORT_WIDTH = 5.0f;
// Visible game world is 5 meters tall
public static final float VIEWPORT_HEIGHT = 5.0f;
}

現在需要在屏幕上加點東東了。我們現在在屏幕上畫5個箱子。有人已經開始在准備箱子的圖片了，這里我們不用圖片，自己畫。

（畫一個矩形填上色，畫兩個對角線，再畫個矩形邊框，不就是個箱子嗎？哈哈）像素畫是不會美工的程序員的最愛，除了比較簡單，還因為可以用程序畫出來。

當然，用圖片也是一樣的。
首先要在腦子里想清楚，箱子對象歸誰管理？畫箱子這個職責是誰的？

箱子對象自然是由控制器來管理：為了方便識別，我們讓其中一個箱子作為當前選中的箱子，並且讓它自轉。

　　public Sprite[] testSprites;
    public int selectedSprite;

    public WorldController() {
        init();
    }

    private void init() {
        initTestObjects();
    }

    private void initTestObjects() {
        // Create new array for 5 sprites
        testSprites = new Sprite[5];
        // Create empty POT-sized Pixmap with 8 bit RGBA pixel data
        int width = 32;
        int height = 32;
        Pixmap pixmap = createProceduralPixmap(width, height);
        // Create a new texture from pixmap data
        Texture texture = new Texture(pixmap);
        // Create new sprites using the just created texture
        for (int i = 0; i < testSprites.length; i++) {
            Sprite spr = new Sprite(texture);
            // Define sprite size to be 1m x 1m in game world
            spr.setSize(1, 1);
            // Set origin to sprite's center
            spr.setOrigin(spr.getWidth() / 2.0f, spr.getHeight() / 2.0f);
            // Calculate random position for sprite
            float randomX = MathUtils.random(-2.0f, 2.0f);
            float randomY = MathUtils.random(-2.0f, 2.0f);
            spr.setPosition(randomX, randomY);
            // Put new sprite into array
            testSprites[i] = spr;
        }
        // Set first sprite as selected one
        selectedSprite = 0;
    }

    private Pixmap createProceduralPixmap(int width, int height) {
        Pixmap pixmap = new Pixmap(width, height, Format.RGBA8888);
        // Fill square with red color at 50% opacity
        pixmap.setColor(1, 0, 0, 0.5f);
        pixmap.fill();
        // Draw a yellow-colored X shape on square
        pixmap.setColor(1, 1, 0, 1);
        pixmap.drawLine(0, 0, width, height);
        pixmap.drawLine(width, 0, 0, height);
        // Draw a cyan-colored border around square
        pixmap.setColor(0, 1, 1, 1);
        pixmap.drawRectangle(0, 0, width, height);
        return pixmap;
    }

    public void update(float deltaTime) {
        updateTestObjects(deltaTime);
    }

    private void updateTestObjects(float deltaTime) {
        // Get current rotation from selected sprite
        float rotation = testSprites[selectedSprite].getRotation();
        // Rotate sprite by 90 degrees per second
        rotation += 90 * deltaTime;
        // Wrap around at 360 degrees
        rotation %= 360;
        // Set new rotation value to selected sprite
        testSprites[selectedSprite].setRotation(rotation);
    }

注意：這里並沒有任何涉及畫箱子的部分(這里只是用代碼生成了一副像素畫，還沒有顯示)。不要和render搞混淆了。
接下來WorldRender負責把它畫出來。

public WorldRenderer(WorldController worldController) {
        this.worldController = worldController;
        init();
    }

    private void init() {
        batch = new SpriteBatch();
        camera = new OrthographicCamera(Constants.VIEWPORT_WIDTH,
                Constants.VIEWPORT_HEIGHT);
        camera.position.set(0, 0, 0);
        camera.update();
    }

    public void render() {
        renderTestObjects();
    }

    private void renderTestObjects() {
        batch.setProjectionMatrix(camera.combined);
        batch.begin();
        for (Sprite sprite : worldController.testSprites) {
            sprite.draw(batch);
        }
        batch.end();
    }

    public void resize(int width, int height) {
        camera.viewportWidth = (Constants.VIEWPORT_HEIGHT / height) * width;
        camera.update();
    }

    @Override
    public void dispose() {
        batch.dispose();
    }

看看效果

 至此，MVC模式的基本框架完成了。

接下來，我們需要開發一些Debug的控制功能來方便我們的開發。

比如

按上下左右，當前選中的箱子就開始上下左右移動。

按R鍵，游戲場景重新初始化。

按空格鍵，下一個箱子被選中。

再比如攝像機跟隨當前箱子,視角放大縮小。

不用急着看下一章的代碼實現，自己先試試用代碼實現這些功能。