教材：

《計算機遊戲程式設計》（基礎篇）（第3版）

說明：

課程教材《計算機遊戲程式設計》（基礎篇）（第3版） 提供示例程式碼，而課程實驗在示例程式碼的基礎上提出更高的實驗要求。除此之外，本人也會額外加入些個人創意，希望同學們在參考之餘也能加入自己的想法。

實現效果：

實驗報告：

一、實驗目的與要求

1.熟悉cocos2d-x開發環境。

2.瞭解cocos2d-x中二維遊戲場景繪製方法。

3.掌握地圖編輯器使用方法。

二、實驗內容與方法

1．完成基本實驗 (70分)

按照“英雄快跑.pdf”檔案指引，成功執行本次實驗遊戲。

2．完成遊戲通關 （5分）

憑自身實力或更改遊戲程式碼的方式通關，成功出現“Success”結束畫面。

3．完成Bug修改 （5分）

通過更改遊戲程式碼的方式修復樹枝檢測Bug。

4．繪製地圖 （20分）

用磚塊地圖編輯器（Tiled Map Editor）繪製一張30×20塊，塊大小為32×32畫素的地圖，並上交PNG檔案（命名格式：2015010001張三.png）。

三、實驗步驟與過程

（記錄關鍵步驟/設計過程/設計結果的截圖）

1. 成功運行遊戲

按要求新建一個工程名為學號的cocos2d-x的專案。並按要求移除、替換和拷貝實驗給定的原始碼。然後再修改一些原始碼中導致小bug的程式碼。

比如某些遊戲邏輯錯誤

MapScene.cpp檔案的void MapScene::update(float t)函式中，“if (player_screen_y <= -80) { gameOver();}” 要加上return表示遊戲結束，更改為“if (player_screen_y <= -80) { gameOver(); return;}”。

而同一函式下的判斷語句 “if((int)(player_map_y / map->getTileSize().width) >= 0)”和“if (player_map_y/map->getTileSize().width >= 0)

此時檔案列表為：

圖 1

運行遊戲，成功執行如下圖2、3所示：

圖 2

圖 3

2. 完成遊戲通關

通過遊戲，螢幕出現“Success!”字樣：

圖 4

3. 完成Bug修改

試圖修復樹枝無法站立的bug。

① 首先我們找到判斷角色站立在圖塊上的相關程式碼。在MapScene.cpp檔案的void MapScene::update(float t)函式中，有這麼一段程式碼：

// 不跳動時遇到非地面圖塊自動下落

if((int)(player_map_y / map->getTileSize().width) >= 0 && player_screen_x < sizeWidthTemp)

{

int playerTiledID = map->getLayer(MAP_BG_LAYER_NAME)->

getTileGIDAt(Vec2((int)(player_map_x/map->getTileSize().width),

(int)(map->getMapSize().height-1-player_map_y/map->getTileSize().height)));

if ((m_isJump == false)&&(m_jumpDir == Dir::STOP)&& (playerTiledID != 8)

&& (playerTiledID != 7) && (playerTiledID != 151) && (playerTiledID != 170)

 && (playerTiledID != 171) && (playerTiledID != 172)) {

m_isJump = true;

m_jumpDir = Dir::DOWN;

m_jumpSpeed = 2;

}

}

明顯的，這段程式碼是用來判斷角色“不跳動時遇到非地面圖塊自動下落”。而其中有一段加粗了的if判斷語句則是判斷目前角色是否站立在地面圖塊上，只有非地面圖塊才能執行後面的程式碼段更改角色的狀態為下落狀態。

而playerTiledID則明顯是指圖塊的id了，因此，只要找到樹枝圖塊對應的id號，把它作為判斷條件加入到該加粗了的if判斷語句中即可修復“樹枝無法站立”的bug了。

值得注意的是，程式碼中playerTiledID變數的id是從1開始的，0代表空；而地圖塊中的id是從0開始的。因此兩者id號相差1 （即playerTiledID - 1 才是地圖塊真正id號）。

用Tiled軟體開啟該遊戲的地圖素材圖，尋找“樹枝”塊的id。如下圖：

圖 5

圖 6

可見“樹枝”圖塊的id為132和148 。因此，對應的playTiledID為133和149。

修改上文中加粗的if判斷語句為：

if ((m_isJump == false)&&(m_jumpDir == Dir::STOP)&& (playerTiledID != 8) &&

(playerTiledID != 7) && (playerTiledID != 151) && (playerTiledID != 170)&&

(playerTiledID != 171) && (playerTiledID != 172) && (playerTiledID != 133) && (playerTiledID != 149))

    ② 在MapScene.cpp檔案的void MapScene::update(float t)函式中，還有為“處理玩家跳躍”時的這麼一段程式碼：

// 獲取玩家腳下的地圖塊的編號

if (player_map_y/map->getTileSize().width >= 0 && player_screen_x < sizeWidthTemp) {

int tiledID = map->getLayer(MAP_BG_LAYER_NAME)->

getTileGIDAt(Vec2((int)(player_map_x/map->getTileSize().width),

(int)(map->getMapSize().height - 1 - player_map_y/map->

getTileSize().height)));

    if (tiledID == 8 || tiledID == 7 || tiledID == 151 || tiledID == 170 || tiledID == 171

|| tiledID == 172) {

check = true;

player->setPositionY((int)(player_screen_y + player->

getContentSize().height/2 - 6));

m_jumpSpeed = PLAYER_JUMP_SPEED;

m_jumpDir = Dir::STOP;

m_isJump = false;

break;

}

}

在這段程式碼中，tiledID就類似於前文提到的playerTiledID變數一樣。因此同理，在加粗的if語句段中加入“樹枝”的id作為判斷條件即可，更改為：

if (tiledID == 8 || tiledID == 7 || tiledID == 151 || tiledID == 170 || tiledID == 171

|| tiledID == 172 || tiledID == 133 || tiledID == 149)

至此，“樹枝”bug修改完成。如下圖所示，修改完該bug後，角色可以站在樹枝上了：

圖 7

4. 繪製地圖

略