使用Game Studio Express和XNA創建一個Tile引擎--beta2版

介紹

這個指南將指引我們一步步的通過使用Game Studio Express Beta2來創建一個簡單的基於貼片（tile）的引擎。這個引擎與那些以前的舊型RPG遊戲很相似。但是稍微比那些強一點（包括美工能力，因爲我的貼片(tile)實在太糟糕了！）你可以使用GSE（game studio express，以後簡稱GSE）很快捷的裝配一個比那些好看了多的貼片。

我要創建的引擎是一個基於正方形-貼片（square-tile）的系統。我打算在不久之後再推出一個製作基於等尺寸貼片(isometric tile)的引擎的教程。

概念

在這個指南當中，我們將要製作一個簡單的基於貼片的引擎。要開始工作，首先我們需要：

l 一個用來顯示貼片的地圖網格

l 一個“貼片集”(“Tile Set”)，就是一個正方圖形，可以繪製在地圖上來表示玩家的位置。

創建工程

打開Game Studio Express Beta然後創建一個類型爲”Windows Game(XNA)”的新工程。別忘了爲你的工程起一個名字。儘管在指南I中我依然使用Game1.cs這個文件名，但是我建議大家不要使用默認的”Game1.cs”這個文件名。基本的”Windows Game(XNA)”模版包含了一個Graphics對象和一個代表你的遊戲的叫做Game1.cs的類。Game1.cs中的代碼包含如下五個重要的方法：

l Initialize – 在遊戲啓動的時候執行。在這個函數裏你可以在你的遊戲啓動的時候註冊你的遊戲組件和其他的東西。

l LoadGraphicsContent – 也是在遊戲啓動的時候執行，但是在遊戲丟失顯示焦點以後，需要重新加載非自動管理素材(content)時，還會再次執行。

l UnloadGraphicsContent – 在遊戲退出時調用他來釋放素材(content)。

l Update – 這個函數在一個連續循環中不斷執行，你可以在這裏添加你的遊戲邏輯。而且在這裏你可以接收玩家的輸入信息，更新遊戲中物體的位置，等等。

l Draw – 最後，Draw方法負責來渲染當前遊戲的場景狀態到屏幕。系統會盡其所能的不斷執行這個函數（翻譯的不大好，其實原句的意思就是系統會儘可能多的調用這個函數來獲得更好的顯示效果，即幀頻更高）。

創建我們的資源

在創建我們的引擎之前，我們需要一些用於顯示的貼片。我簡單的縮放了一些從The TextureBin 網站找到的紋理圖來製作了一些貼片。那些擁有繪畫才能的天才們可以自己繪製更漂亮的貼片集。創建的貼片每個與每個之間必須連接的很平滑，這也是相當重要的。

好了，下面就是我爲這個指南快速“創建”的貼片

草(grass) 路(Road) 石頭(Rock) 水(water)

你可以下載並保存這些圖片到你的機器上供自己使用。在這個引擎例子種，我設置貼片的大小爲48×48像素。所有貼片集中的貼片（本引擎中）都必須是這個尺寸。

向工程中添加資源

爲了讓我們的遊戲能夠訪問這些資源，我們需要把他們添加到工程中去。因爲我們還沒有對這些精靈(sprites)設置透明，我們可以將他們仍舊保存爲.JPG文件。DirectX Texture Tool能夠用來創建帶有alpha通道的紋理。我們將在後續的課程講到如何在地圖中添加一個圖形來表示玩家的時候，講解如何使用DierctX Texture Tool。

對於Beta 2版本，我們將使用”素材管道”來管理我們的圖形素材。素材管道能讓我們的資源變成一種既能在windows上也能在Xbox上使用的格式。

在解決方案資源管理器中用鼠標右鍵點擊你的工程的名字，然後選擇”添加->新建文件夾”。將文件夾命名爲”Content”。鼠標右鍵點擊Content文件夾，然後再一次選擇”添加->新建文件夾”。這次我們給新建的文件夾起名叫”Textures”。

現在，使用Windows Explorer（Windows資源管理器）複製你的圖形資源到Textures文件夾下。當你做好這一切以後，Conternt/Textures文件夾下應該有4個後綴名爲.JPG文件。

回到Visual C#編譯器，然後右擊Texures文件夾然後選擇”添加->現有項”,在出現的對話框中，選中這些貼片文件(你可能需要改變文件類型爲images以後纔可以看到他們譯註：使用images可能也不能看到，我在我的機器上發現images裏沒有支持jpg文件格式，所以應該選擇”all files”即”所有文件”類型才能看到)然後點擊確定。素材管道將給我們每一個資源分配一個資源名。(在解決方案資源管理器下面的屬性窗口中可以看到)首先，我們要把我們的圖形設置爲”始終複製”，這樣他們就能夠在程序運行時可以被訪問到。素材管道知道如何來操作這些素材。

聲明變量

首先第一件我們需要做的事就是聲明一些我們將在遊戲中表示我們遊戲中物體的變量。既然這樣，我們需要一個地圖，繪製貼片的”精靈”，還有一些在Draw和Update中操作遊戲狀態的控制變量。

在解決方案資源管理器中右鍵單擊Game1.cs然後選擇查看代碼。找到構造函數(Public Game1())然後將下面的代碼複製到構造函數結束大括號的後面(譯註：即在構造函數的兩個大括號外面，千萬不要放到構造函數內部了)(這些變量在所有的方法之外，所以他們可以被類中的所有方法訪問)

// An array of "Texture2D" objects to hold our Tile Set

Texture2D[] t2dTiles = new Texture2D[4];

const int iMapWidth = 20;

const int iMapHeight = 20;

// Our simple integer-array based map

int[,] iMap = new int[iMapHeight,iMapWidth] {

{ 0, 1, 2, 3, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0},

{ 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0},

{ 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0},

{ 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0},

{ 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2},

{ 0, 0, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0},

{ 0, 0, 0, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0},

{ 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0},

{ 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0},

};

// Variable we will need for Keyboard Input

KeyboardState ksKeyboardState;

//Map coordinates for upper left corner

int iMapX = 0;

int iMapY = 0;

// How far from the Upper Left corner of the display do we want our map to start

int iMapDisplayOffsetX = 30;

int iMapDisplayOffsetY = 30;

// How many tiles should we display at a time

int iMapDisplayWidth = 6;

int iMapDisplayHeight = 6;

// The size of an individual tile in pixels

int iTileWidth = 48;

int iTileHeight = 48;

// How rapidly do we want the map to scroll?

float fKeyPressCheckDelay = 0.25f;

float fTotalElapsedTime=0;

//this is the object that will draw the sprites

SpriteBatch spriteBatch;

這裏的變量有不少，我來一步一步的講解：

// An array of "Texture2D" objects to hold our Tile Set

Texture2D[] t2dTiles = new Texture2D[4];

這裏聲明瞭一個名字爲t2dTiles的“Texture2D”類型的對象的數組，我們在引擎中定義了4個文件。這個對象數組爲精靈保存位圖數據，這個精靈將用於貼片集。