Cocos2d-x 3.x版2048遊戲開發

原創 tropicofcancer9 2018-09-03 14:28

https://blog.csdn.net/wwj_748/article/details/38168649

本篇博客給大家介紹如何快速開發2048這樣一款休閒遊戲，理解整個2048遊戲的開發流程，從本篇博客你將可以學習到以下內容：

這裏註明一下，本教程來自極客學院，小巫對其中代碼進行了解釋。

  • 2048遊戲的邏輯
  • Cocos2d-x中上下左右手勢的識別
  • 遊戲中卡片類的創建
  • 添加卡片到遊戲中
  • 遊戲中的邏輯實現
  • 遊戲中隨機卡片的生成
  • 遊戲結束判斷
  • 遊戲分數的添加
  • 遊戲美化

筆者的開發環境：
Cocos2d-x 3.1.1（開發引擎）
Visual Studio 2012（Win32）
Xcode 5.1（Mac系統下）

理解2048遊戲邏輯

2048遊戲邏輯並不複雜，4*4的卡片佈局，玩家通過手勢上下左右滑動來累加卡片數值，直到累加到2048。筆者用一張圖說明：
這是一張遊戲中的圖，在圖中同一方向並且數值相同的卡片可以進行疊加，比如128和128在同一行，玩家可以通過向左或向右的手勢，對其進行疊加。筆者向右滑動手勢，則會變成以下效果：


Cocos2d-x中上下左右手勢的識別

玩家在玩2048遊戲時，手勢是最頻繁的操作，所以我們需要對手勢所產生的事件進行監聽。
在HelloWorldScene.h頭文件中聲明兩個需要實現的監聽事件：
[objc] view plain copy
  1. // 加入手勢識別的事件  
  2.     virtual bool onTouchBegan(cocos2d::Touch *touch, cocos2d::Event *unused_event);  
  3.     virtual void onTouchEnded(cocos2d::Touch *touch, cocos2d::Event *unused_event);  

聲明點擊的位置屬性
[cpp] view plain copy
  1. // 點擊的元素位置  
  2.     int firstX, firstY, endX, endY;  


一個是觸摸開始的事件，一個是觸摸結束的事件。
然後再HelloWorldScene.cpp文件中實現這兩個方法：
[objc] view plain copy
  1. // 加入手勢識別的事件  
  2. bool HelloWorld::onTouchBegan(cocos2d::Touch *touch, cocos2d::Event *unused_event){  
  3.     // 觸摸點  
  4.     Point touchP0 = touch->getLocation();  
  5.   
  6.     firstX = touchP0.x;  
  7.     firstY = touchP0.y;  
  8.   
  9.   
  10.     return true;  
  11. }  
  12.   
  13. // 觸摸結束觸發  
  14. void HelloWorld::onTouchEnded(cocos2d::Touch *touch, cocos2d::Event *unused_event){  
  15.     // 獲取觸摸點位置  
  16.     Point touchP0 = touch->getLocation();  
  17.     // 獲取X軸和Y軸的移動距離  
  18.     endX = firstX - touchP0.x;  
  19.     endY = firstY - touchP0.y;  
  20.   
  21.     // 判斷X軸和Y軸的移動距離，如果X軸的絕對值大於Y軸的絕對值就是左右否則是上下  
  22.     if (abs(endX) > abs(endY)){  
  23.         // 左右  
  24.         if (endX + 5 > 0) {  
  25.             // 左邊  
  26.             if(doLeft()) {  
  27.                 autoCreateCardNumber();  
  28.                 doCheckGameOver();  
  29.             }  
  30.   
  31.         } else {  
  32.             // 右邊  
  33.             if(doRight()){  
  34.                 autoCreateCardNumber();  
  35.                 doCheckGameOver();  
  36.             }  
  37.         }  
  38.   
  39.     } else {  
  40.         // 上下  
  41.         if (endY + 5 > 0) {  
  42.             // 下邊  
  43.             if(doDown()) {  
  44.                 autoCreateCardNumber();  
  45.                 doCheckGameOver();  
  46.             }  
  47.         } else {  
  48.             // 上邊  
  49.             if(doUp()) {  
  50.                 autoCreateCardNumber();  
  51.                 doCheckGameOver();  
  52.             };  
  53.         }  
  54.   
  55.     }  
  56. }  

在HelloWorld的init方法中設置監聽器的這兩個方法的監聽回調：
[objc] view plain copy
  1. // 創建手勢識別的事件監聽器  
  2. auto touchListener = EventListenerTouchOneByOne::create();  
  3. touchListener->onTouchBegan = CC_CALLBACK_2(HelloWorld::onTouchBegan, this);  
  4. touchListener->onTouchEnded = CC_CALLBACK_2(HelloWorld::onTouchEnded, this);  
  5.    // 添加事件監聽  
  6. _eventDispatcher->addEventListenerWithSceneGraphPriority(touchListener, this);  

上面中根據計算開始位置到結束位置X軸和Y軸的移動距離來判斷是向左、向右、向上還是向下的方向：
在頭文件中聲明四個方向的方法：
[objc] view plain copy
  1. // 上下左右的方法  
  2.     bool doLeft();  
  3.     bool doRight();  
  4.     bool doUp();  
  5.     bool doDown();  

然後對其進行實現。這四個方法的邏輯實現放到後面進行講解。



遊戲中卡片類的創建

卡片類是組成2048遊戲的基礎，4*4的方格的16個位置放置不同的卡片，每個位置爲獨立的一張卡片。

創建CardSprite.h的頭文件：
[objc] view plain copy
  1. //  
  2. //  CardSprite.h  
  3. //  2048Game  
  4. //  
  5. //  Created by mac on 14-7-16.  
  6. //  
  7. //  
  8.   
  9. #ifndef ___048Game__CardSprite__  
  10. #define ___048Game__CardSprite__  
  11.   
  12. #include "cocos2d.h"  
  13.   
  14. class CardSprite:public cocos2d::Sprite {  
  15.       
  16. public:  
  17.     // 初始化遊戲卡片的方法  
  18.     static CardSprite *createCardSprite(int numbers, int width, int height, float CardSpriteX, float CardSpriteY);  
  19.     virtual bool init();  
  20.     CREATE_FUNC(CardSprite);  
  21.       
  22.     // 設置數字  
  23.     void setNumber(int num);  
  24.       
  25.     // 獲取數字  
  26.     int getNumber();  
  27. private:  
  28.     // 顯示在界面的數字  
  29.     int number;  
  30.     void enemyInit(int numbers, int width, int height, float CardSpriteX, float CardSpriteY);  
  31.       
  32.     // 定義顯示數字的控件  
  33.     cocos2d::LabelTTF *labTTFCardNumber;  
  34.       
  35.     // 顯示的背景  
  36.     cocos2d::LayerColor *layerColorBG;  
  37.       
  38.       
  39. };  
  40.   
  41. #endif /* defined(___048Game__CardSprite__) */  

我們可以從遊戲中看到，每張卡片有背景顏色和一個數字，所以我們在頭文件需要聲明它這兩個屬性。


CardSprite.cpp中對頭文件方法的實現：
[cpp] view plain copy
  1. //  
  2. //  CardSprite.cpp  
  3. //  2048Game  
  4. //  
  5. //  Created by wwj on 14-7-16.  
  6. //  
  7. //  
  8.   
  9. #include "CardSprite.h"  
  10.   
  11. USING_NS_CC;  
  12.   
  13. // 初始化遊戲卡片的方法  
  14. CardSprite* CardSprite::createCardSprite(int numbers, int width, int height, float CardSpriteX, float CardSpriteY) {  
  15.     // new一個卡片精靈  
  16.     CardSprite *enemy = new CardSprite();  
  17.     if (enemy && enemy->init()) {  
  18.         enemy->autorelease();  
  19.         enemy->enemyInit(numbers, width, height, CardSpriteX, CardSpriteY);  
  20.         return enemy;  
  21.     }  
  22.     CC_SAFE_DELETE(enemy);  
  23.     return NULL;  
  24. }  
  25.   
  26. // 卡片初始化方法  
  27. bool CardSprite::init() {  
  28.     if (!Sprite::init()) {  
  29.         return false;  
  30.     }  
  31.     return true;  
  32. }  
  33.   
  34.   
  35. // 設置數字  
  36. void CardSprite::setNumber(int num) {  
  37.     number = num;  
  38.       
  39.     // 判斷數字的大小來調整字體的大小  
  40.     if (number >= 0) {  
  41.         labTTFCardNumber->setFontSize(80);  
  42.     }  
  43.     if (number >= 16) {  
  44.         labTTFCardNumber->setFontSize(60);  
  45.     }  
  46.     if (number >= 128) {  
  47.         labTTFCardNumber->setFontSize(40);  
  48.     }  
  49.     if (number >= 1024) {  
  50.         labTTFCardNumber->setFontSize(20);  
  51.     }  
  52.       
  53.     // 判斷數組的大小調整顏色  
  54.     if (number == 0) {  
  55.         layerColorBG->setColor(cocos2d::Color3B(200, 190, 180));  
  56.     }  
  57.     if (number == 2) {  
  58.         layerColorBG->setColor(cocos2d::Color3B(240, 230, 220));  
  59.     }  
  60.     if (number == 4) {  
  61.         layerColorBG->setColor(cocos2d::Color3B(240, 220, 200));  
  62.     }  
  63.     if (number == 8) {  
  64.         layerColorBG->setColor(cocos2d::Color3B(240, 180, 120));  
  65.     }  
  66.     if (number == 16) {  
  67.         layerColorBG->setColor(cocos2d::Color3B(240, 140, 90));  
  68.     }  
  69.     if (number == 32) {  
  70.         layerColorBG->setColor(cocos2d::Color3B(240, 120, 90));  
  71.     }  
  72.     if (number == 64) {  
  73.         layerColorBG->setColor(cocos2d::Color3B(240, 90, 60));  
  74.     }  
  75.     if (number == 128) {  
  76.         layerColorBG->setColor(cocos2d::Color3B(240, 90, 60));  
  77.     }  
  78.     if (number == 256) {  
  79.         layerColorBG->setColor(cocos2d::Color3B(240, 200, 70));  
  80.     }  
  81.     if (number == 512) {  
  82.         layerColorBG->setColor(cocos2d::Color3B(240, 200, 70));  
  83.     }  
  84.     if (number == 1024) {  
  85.         layerColorBG->setColor(cocos2d::Color3B(0, 130, 0));  
  86.     }  
  87.     if (number == 2048) {  
  88.         layerColorBG->setColor(cocos2d::Color3B(0, 130, 0));  
  89.     }  
  90.       
  91.       
  92.     // 更新顯示的數字  
  93.     if (number > 0) {  
  94.         labTTFCardNumber->setString(__String::createWithFormat("%i", num)->getCString() );  
  95.     } else {  
  96.         labTTFCardNumber->setString("");  
  97.     }  
  98.       
  99. }  
  100.   
  101. // 獲取數字  
  102. int CardSprite::getNumber() {  
  103.     return number;  
  104. }  
  105.   
  106.   
  107. //第1個參數爲數字，第2、3個參數爲卡片的寬高，第4、5個參數爲卡片的位置  
  108. void CardSprite::enemyInit(int numbers, int width, int height, float CardSpriteX, float CardSpriteY) {  
  109.     // 初始化數字  
  110.     number = numbers;  
  111.       
  112.     // 加入遊戲卡片的背景顏色  
  113.     layerColorBG = cocos2d::LayerColor::create(cocos2d::Color4B(200, 190, 180, 255), width - 15, height - 15);  
  114.     layerColorBG->setPosition(Point(CardSpriteX, CardSpriteY));  
  115.       
  116.     // 判斷如果不等於0就顯示，否則爲空  
  117.     if (number > 0) {  
  118.         // 加入中間字體  
  119.         labTTFCardNumber = cocos2d::LabelTTF::create(__String::createWithFormat("%i", number)->getCString(), "HirakakuProN-W6", 100);  
  120.         // 顯示卡片數字的位置，這裏顯示在背景的中間  
  121.         labTTFCardNumber->setPosition(Point(layerColorBG->getContentSize().width/2, layerColorBG->getContentSize().height/2));  
  122.         // 添加卡片數字到背景中  
  123.         layerColorBG->addChild(labTTFCardNumber);  
  124.     } else {  
  125.         // 加入中間字體  
  126.         labTTFCardNumber = cocos2d::LabelTTF::create("", "HirakakuProN-w6", 80);  
  127.         labTTFCardNumber->setPosition(Point(layerColorBG->getContentSize().width/2, layerColorBG->getContentSize().height/2));  
  128.         layerColorBG->addChild(labTTFCardNumber);  
  129.     }  
  130.     // 將卡片添加到層  
  131.     this->addChild(layerColorBG);  
  132.       
  133. }  

每張卡片都有相同的寬和高，但數字和位置不同，數字是顯示在背景中間的，所以我們需要5個參數來初始化卡片的位置。


添加卡片到遊戲中

卡片放置在4*4方框中的不同位置，首先我們需要計算出每張卡片的寬高，然後計算每張卡片所在的位置，最後進行顯示。
在HelloWorldScene.h頭文件中聲明創建卡片的方法：
[cpp] view plain copy
  1. // 創建卡片  
  2. void createCardSprite(cocos2d::Size size);  

在HelloWorldScene.cpp中實現該方法：
[cpp] view plain copy
  1. // 創建卡片，size爲屏幕大小  
  2. void HelloWorld::createCardSprite(cocos2d::Size size) {  
  3.     // 求出單元格的寬度和高度，28爲左右距離  
  4.     int lon = (size.width - 28) / 4;  
  5.       
  6.     // 4*4的單元格  
  7.     for (int j = 0; j < 4; j++) {  
  8.         for (int i = 0; i < 4; i++) {  
  9.             // 數字0，寬高相同爲lon,lon+j+20爲卡片X軸位置，如lon+0+20爲第一個卡片的位置，20是每張卡片的間隙，lon+i+20+size.height/6代表的意思是屏幕大小豎方向分了六份，我們這裏只放4個位置  
  10.            CardSprite *card = CardSprite::createCardSprite(0, lon, lon, lon * j + 10, lon * i + 10 + size.height / 6);  
  11.             addChild(card);  
  12.               
  13.             // 添加卡片到二維數組中  
  14.             cardArr[j][i] = card;  
  15.         }  
  16.     }  
  17. }  

筆者對每張卡片顯示的位置在代碼中進行了說明，讀者也可以思考一下爲什麼要這麼做。

遊戲中的邏輯實現

2048遊戲最重要的部分就是四個方向的邏輯實現，也是開發這個遊戲的難點所在。
[cpp] view plain copy
  1. // 向左  
  2. bool HelloWorld::doLeft(){  
  3.     log("doLeft");  
  4.       
  5.     bool isdo = false;  
  6.     // 最外層循環爲4*4迭代  
  7.     for (int y = 0; y < 4; y++) {  
  8.         for (int x = 0; x < 4; x++) {  
  9.               
  10.             // 這一層循環爲判斷卡片是合併還是清空  
  11.             for (int x1 = x + 1; x1 < 4; x1++) {  
  12.                 if (cardArr[x1][y]->getNumber() > 0) {// 有數字  
  13.                     if (cardArr[x][y]->getNumber() <= 0) { // 爲空  
  14.                         // 設置爲右邊卡片的數值  
  15.                         cardArr[x][y]->setNumber(cardArr[x1][y]->getNumber());  
  16.                         cardArr[x1][y]->setNumber(0);  
  17.                           
  18.                         x--;  
  19.                         isdo = true;  
  20.                           
  21.                     } else if(cardArr[x][y]->getNumber() == cardArr[x1][y]->getNumber()) {  
  22.                         // 當前卡片的值與其比較卡片的值相等，設置爲其的2倍  
  23.                         cardArr[x][y]->setNumber(cardArr[x][y]->getNumber()*2);  
  24.                         cardArr[x1][y]->setNumber(0);  
  25.                           
  26.                           
  27.                         // 設置分數  
  28.                         score += cardArr[x][y]->getNumber();  
  29.                         labelTTFCardNumber->setString(__String::createWithFormat("%i", score)->getCString());  
  30.                         isdo = true;  
  31.                     }  
  32.                     break;// 跳出  
  33.                 }  
  34.             }  
  35.         }  
  36.     }  
  37.       
  38.     return isdo;  
  39. }  
  40.   
  41. // 向右  
  42. bool HelloWorld::doRight(){  
  43.     log("doRight");  
  44.       
  45.     bool isdo = false;  
  46.     // 最外層循環爲4*4迭代  
  47.     for (int y = 0; y < 4; y++) {  
  48.         for (int x = 3; x >= 0; x--) {  
  49.               
  50.             // 循環判斷左邊卡片往右是合併還是清空  
  51.             for (int x1 = x - 1; x1 >= 0; x1-- ) {  
  52.                 if (cardArr[x1][y]->getNumber() > 0) {  
  53.                     if (cardArr[x][y]->getNumber() <= 0) {  
  54.                         cardArr[x][y]->setNumber(cardArr[x1][y]->getNumber());  
  55.                           
  56.                         x++;  
  57.                         isdo = true;  
  58.                     }  
  59.                     else if (cardArr[x][y]->getNumber() == cardArr[x1][y]->getNumber()) {  
  60.                         cardArr[x][y]->setNumber(cardArr[x][y]->getNumber() * 2);  
  61.                         cardArr[x1][y]->setNumber(0);  
  62.                           
  63.                         // 設置分數  
  64.                         score += cardArr[x][y]->getNumber();  
  65.                         labelTTFCardNumber->setString(__String::createWithFormat("%i", score)->getCString());  
  66.   
  67.                         isdo = true;  
  68.                     }  
  69.                     break;  
  70.                 }  
  71.   
  72.             }  
  73.         }  
  74.           
  75.     }  
  76.       
  77.     return isdo;  
  78.   
  79. }  
  80.   
  81. // 向上  
  82. bool HelloWorld::doUp(){  
  83.     log("doUp");  
  84.     bool isdo = false;  
  85.     // 最外層循環爲4*4迭代  
  86.     for (int x = 0; x < 4; x++) {  
  87.         for (int y = 3; y >= 0; y--) {  
  88.               
  89.             // 這一層循環爲判斷卡片是合併還是清空  
  90.             for (int y1 = y - 1; y1 >= 0; y1--) {  
  91.                 if (cardArr[x][y1]->getNumber() > 0) {// 有數字  
  92.                     if (cardArr[x][y]->getNumber() <= 0) { // 爲空  
  93.                         // 設置爲右邊卡片的數值  
  94.                         cardArr[x][y]->setNumber(cardArr[x][y1]->getNumber());  
  95.                         cardArr[x][y1]->setNumber(0);  
  96.                           
  97.                         y++;  
  98.                         isdo = true;  
  99.                           
  100.                     } else if(cardArr[x][y]->getNumber() == cardArr[x][y1]->getNumber()) {  
  101.                         // 當前卡片的值與其比較卡片的值相等，設置爲其的2倍  
  102.                         cardArr[x][y]->setNumber(cardArr[x][y]->getNumber()*2);  
  103.                         cardArr[x][y1]->setNumber(0);  
  104.                           
  105.                         // 設置分數  
  106.                         score += cardArr[x][y]->getNumber();  
  107.                         labelTTFCardNumber->setString(__String::createWithFormat("%i", score)->getCString());  
  108.   
  109.                         isdo = true;  
  110.                     }  
  111.                     break;// 跳出  
  112.                 }  
  113.             }  
  114.         }  
  115.     }  
  116.       
  117.     return isdo;  
  118.   
  119. }  
  120.   
  121. // 向下  
  122. bool HelloWorld::doDown(){  
  123.     log("doDown");  
  124.     bool isdo = false;  
  125.     // 最外層循環爲4*4迭代  
  126.     for (int x = 0; x < 4; x++) {  
  127.         for (int y = 0; y < 4; y++) {  
  128.               
  129.             // 這一層循環爲判斷卡片是合併還是清空  
  130.             for (int y1 = y + 1; y1 < 4; y1++) {  
  131.                 if (cardArr[x][y1]->getNumber() > 0) {// 有數字  
  132.                     if (cardArr[x][y]->getNumber() <= 0) { // 爲空  
  133.                         // 設置爲右邊卡片的數值  
  134.                         cardArr[x][y]->setNumber(cardArr[x][y1]->getNumber());  
  135.                         cardArr[x][y1]->setNumber(0);  
  136.                           
  137.                         y--;  
  138.                         isdo = true;  
  139.                           
  140.                     } else if(cardArr[x][y]->getNumber() == cardArr[x][y1]->getNumber()) {  
  141.                         // 當前卡片的值與其比較卡片的值相等，設置爲其的2倍  
  142.                         cardArr[x][y]->setNumber(cardArr[x][y]->getNumber()*2);  
  143.                         cardArr[x][y1]->setNumber(0);  
  144.                           
  145.                           
  146.                         // 設置分數  
  147.                         score += cardArr[x][y]->getNumber();  
  148.                         labelTTFCardNumber->setString(__String::createWithFormat("%i", score)->getCString());  
  149.   
  150.                         isdo = true;  
  151.                     }  
  152.                     break;// 跳出  
  153.                 }  
  154.             }  
  155.         }  
  156.     }  
  157.       
  158.     return isdo;  
  159. }  




遊戲中隨機卡片的生成

在HelloWorldScene.h頭文件中聲明隨機生成卡片的方法：
[cpp] view plain copy
  1. // 自動卡片生成  
  2. void autoCreateCardNumber();  

在HelloWorldScene.cpp實現該方法：
[cpp] view plain copy
  1. // 自動生成卡片  
  2. void HelloWorld::autoCreateCardNumber() {  
  3.     int i = CCRANDOM_0_1() * 4;  
  4.     int j = CCRANDOM_0_1() * 4;  
  5.       
  6.     // 判斷是否已經存在的位置  
  7.     if (cardArr[i][j]->getNumber() > 0) {  
  8.         // 已存在，遞歸創建  
  9.         autoCreateCardNumber();  
  10.     } else {  
  11.         // 生成2和4的比例是1:9的概率  
  12.         cardArr[i][j]->setNumber(CCRANDOM_0_1() * 10 < 1 ? 4:2);  
  13.     }  
  14. }  

遊戲結束判斷

在HelloWorldScene.h中聲明判斷遊戲結束的方法：
[cpp] view plain copy
  1. // 判斷遊戲是否還能繼續運行下去  
  2.     void doCheckGameOver();  
在HelloWorldScene.cpp中實現該方法：
[cpp] view plain copy
  1. // 遊戲是否還能繼續運行下去  
  2. void HelloWorld::doCheckGameOver() {  
  3.     bool isGameOver = true;  
  4.       
  5.     for (int y = 0; y < 4; y++) {  
  6.         for (int x = 0; x < 4; x++) {  
  7.             if (cardArr[x][y]->getNumber() == 0  
  8.                 || (x>0 && (cardArr[x][y]->getNumber() == cardArr[x-1][y]->getNumber() ))  
  9.                 || (x<3 && (cardArr[x][y]->getNumber() == cardArr[x+1][y]->getNumber()))  
  10.                 || (y<0 && (cardArr[x][y]->getNumber() == cardArr[x][y-1]->getNumber()))  
  11.                 || (x<3 && (cardArr[x][y]->getNumber() == cardArr[x][y+1]->getNumber()))) {  
  12.                 isGameOver = false;  
  13.             }  
  14.         }  
  15.     }  
  16.     if (isGameOver) {  
  17.         // 結束遊戲  
  18.         Director::getInstance()->replaceScene(TransitionFade::create(1, HelloWorld::createScene()));  
  19.     }  
  20.   
  21. }  

遊戲分數的添加

2048中需要對分數進行統計並顯示給玩家，我們在HelloWolrdScene.h文件中聲明分數和顯示分數的控件：
[cpp] view plain copy
  1. // 整體遊戲的分數  
  2.     int score;  
  3.     // 定義顯示數據的控件  
  4.     cocos2d::LabelTTF *labelTTFCardNumber;  

在HelloWorldScene.cpp中對分數初始化爲0，並顯示“分數”的文本：
[cpp] view plain copy
  1. score = 0;  
  2.    
  3.    
  4.  // 獲得屏幕可視大小  
  5.  Size visibleSize = Director::getInstance()->getVisibleSize();  
  6.  // 加入遊戲的背景  
  7.  auto layerColorBG = cocos2d::LayerColor::create(cocos2d::Color4B(180,170,160, 255));  
  8.  this->addChild(layerColorBG);  
  9.  // 在上方加入遊戲的分數  
  10.  auto labelTTFCardNumberName = LabelTTF::create("分數:","HirakakuProN-W6", 80);  
  11.  labelTTFCardNumberName->setPosition(Point(visibleSize.width/5, visibleSize.height-100));  
  12.  addChild(labelTTFCardNumberName);  
  13.    
  14.    
  15.  labelTTFCardNumber = LabelTTF::create("0", "HirakakuProN-W6", 80);  
  16.  labelTTFCardNumber->setPosition(visibleSize.width/2+100, visibleSize.height - 100);  
  17.  addChild(labelTTFCardNumber  
  18.           );  
  19.    

關於分數的計算，在遊戲中的邏輯已經實現，具體讀者可以查看代碼，後面筆者也會提供完整的代碼。

遊戲美化

2048中我們會發現不同的數字會有不同的背景，然後字體大小也會隨數值的變化而變化，實現這個需要通過判斷數值的大小來顯示不同的顏色背景和設置不同字體大小。

這個功能的實現是在卡片類設置數值的時候實現的，代碼邏輯如下：
[cpp] view plain copy
  1. // 設置數字  
  2. void CardSprite::setNumber(int num) {  
  3.     number = num;  
  4.       
  5.     // 判斷數字的大小來調整字體的大小  
  6.     if (number >= 0) {  
  7.         labTTFCardNumber->setFontSize(80);  
  8.     }  
  9.     if (number >= 16) {  
  10.         labTTFCardNumber->setFontSize(60);  
  11.     }  
  12.     if (number >= 128) {  
  13.         labTTFCardNumber->setFontSize(40);  
  14.     }  
  15.     if (number >= 1024) {  
  16.         labTTFCardNumber->setFontSize(20);  
  17.     }  
  18.       
  19.     // 判斷數組的大小調整顏色  
  20.     if (number == 0) {  
  21.         layerColorBG->setColor(cocos2d::Color3B(200, 190, 180));  
  22.     }  
  23.     if (number == 2) {  
  24.         layerColorBG->setColor(cocos2d::Color3B(240, 230, 220));  
  25.     }  
  26.     if (number == 4) {  
  27.         layerColorBG->setColor(cocos2d::Color3B(240, 220, 200));  
  28.     }  
  29.     if (number == 8) {  
  30.         layerColorBG->setColor(cocos2d::Color3B(240, 180, 120));  
  31.     }  
  32.     if (number == 16) {  
  33.         layerColorBG->setColor(cocos2d::Color3B(240, 140, 90));  
  34.     }  
  35.     if (number == 32) {  
  36.         layerColorBG->setColor(cocos2d::Color3B(240, 120, 90));  
  37.     }  
  38.     if (number == 64) {  
  39.         layerColorBG->setColor(cocos2d::Color3B(240, 90, 60));  
  40.     }  
  41.     if (number == 128) {  
  42.         layerColorBG->setColor(cocos2d::Color3B(240, 90, 60));  
  43.     }  
  44.     if (number == 256) {  
  45.         layerColorBG->setColor(cocos2d::Color3B(240, 200, 70));  
  46.     }  
  47.     if (number == 512) {  
  48.         layerColorBG->setColor(cocos2d::Color3B(240, 200, 70));  
  49.     }  
  50.     if (number == 1024) {  
  51.         layerColorBG->setColor(cocos2d::Color3B(0, 130, 0));  
  52.     }  
  53.     if (number == 2048) {  
  54.         layerColorBG->setColor(cocos2d::Color3B(0, 130, 0));  
  55.     }  
  56.       
  57.       
  58.     // 更新顯示的數字  
  59.     if (number > 0) {  
  60.         labTTFCardNumber->setString(__String::createWithFormat("%i", num)->getCString() );  
  61.     } else {  
  62.         labTTFCardNumber->setString("");  
  63.     }  
  64.       
  65. }  


最後筆者給出所有代碼清單：
AppDelegate.h
AppDelegate.cpp
HelloWorldScene.h
HelloWorldScene.cpp
CardSprite.h
CardSprite.cpp

>>>AppDelegate.h
[cpp] view plain copy
  1. #ifndef  _APP_DELEGATE_H_  
  2. #define  _APP_DELEGATE_H_  
  3.   
  4. #include "cocos2d.h"  
  5.   
  6. /** 
  7. @brief    The cocos2d Application. 
  8.  
  9. The reason for implement as private inheritance is to hide some interface call by Director. 
  10. */  
  11. class  AppDelegate : private cocos2d::Application  
  12. {  
  13. public:  
  14.     AppDelegate();  
  15.     virtual ~AppDelegate();  
  16.   
  17.     /** 
  18.     @brief    Implement Director and Scene init code here. 
  19.     @return true    Initialize success, app continue. 
  20.     @return false   Initialize failed, app terminate. 
  21.     */  
  22.     virtual bool applicationDidFinishLaunching();  
  23.   
  24.     /** 
  25.     @brief  The function be called when the application enter background 
  26.     @param  the pointer of the application 
  27.     */  
  28.     virtual void applicationDidEnterBackground();  
  29.   
  30.     /** 
  31.     @brief  The function be called when the application enter foreground 
  32.     @param  the pointer of the application 
  33.     */  
  34.     virtual void applicationWillEnterForeground();  
  35. };  
  36.   
  37. #endif // _APP_DELEGATE_H_  

>>>AppDelegate.cpp
[cpp] view plain copy
  1. #include "AppDelegate.h"  
  2. #include "HelloWorldScene.h"  
  3.   
  4. USING_NS_CC;  
  5.   
  6. AppDelegate::AppDelegate() {  
  7.   
  8. }  
  9.   
  10. AppDelegate::~AppDelegate()   
  11. {  
  12. }  
  13.   
  14. bool AppDelegate::applicationDidFinishLaunching() {  
  15.     // initialize director  
  16.     auto director = Director::getInstance();  
  17.     auto glview = director->getOpenGLView();  
  18.     if(!glview) {  
  19.         glview = GLView::create("My Game");  
  20.         director->setOpenGLView(glview);  
  21.     }  
  22.   
  23.     glview->setDesignResolutionSize(480, 800, ResolutionPolicy::SHOW_ALL);  
  24.     // turn on display FPS  
  25.     director->setDisplayStats(false);  
  26.   
  27.     // set FPS. the default value is 1.0/60 if you don't call this  
  28.     director->setAnimationInterval(1.0 / 60);  
  29.   
  30.     // create a scene. it's an autorelease object  
  31.     auto scene = HelloWorld::createScene();  
  32.   
  33.     // run  
  34.     director->runWithScene(scene);  
  35.   
  36.     return true;  
  37. }  
  38.   
  39. // This function will be called when the app is inactive. When comes a phone call,it's be invoked too  
  40. void AppDelegate::applicationDidEnterBackground() {  
  41.     Director::getInstance()->stopAnimation();  
  42.   
  43.     // if you use SimpleAudioEngine, it must be pause  
  44.     // SimpleAudioEngine::getInstance()->pauseBackgroundMusic();  
  45. }  
  46.   
  47. // this function will be called when the app is active again  
  48. void AppDelegate::applicationWillEnterForeground() {  
  49.     Director::getInstance()->startAnimation();  
  50.   
  51.     // if you use SimpleAudioEngine, it must resume here  
  52.     // SimpleAudioEngine::getInstance()->resumeBackgroundMusic();  
  53. }  

>>>HelloWorldScene.h
[cpp] view plain copy
  1. #ifndef __HELLOWORLD_SCENE_H__  
  2. #define __HELLOWORLD_SCENE_H__  
  3.   
  4. #include "cocos2d.h"  
  5. #include "CardSprite.h"  
  6.   
  7. class HelloWorld : public cocos2d::Layer  
  8. {  
  9. public:  
  10.     static cocos2d::Scene* createScene();  
  11.     virtual bool init();    
  12.     void menuCloseCallback(cocos2d::Ref* pSender);  
  13.     CREATE_FUNC(HelloWorld);  
  14.   
  15.     // 加入手勢識別的事件  
  16.     virtual bool onTouchBegan(cocos2d::Touch *touch, cocos2d::Event *unused_event);  
  17.     virtual void onTouchEnded(cocos2d::Touch *touch, cocos2d::Event *unused_event);  
  18.   
  19.     // 上下左右的方法  
  20.     bool doLeft();  
  21.     bool doRight();  
  22.     bool doUp();  
  23.     bool doDown();  
  24.     // 自動卡片生成  
  25.     void autoCreateCardNumber();  
  26.     // 判斷遊戲是否還能繼續運行下去  
  27.     void doCheckGameOver();  
  28.       
  29.   
  30. private:  
  31.     // 點擊的元素位置  
  32.     int firstX, firstY, endX, endY;  
  33.       
  34.     // 定義一個二維數組  
  35.     CardSprite *cardArr[4][4];  
  36.       
  37.     // 創建卡片  
  38.     void createCardSprite(cocos2d::Size size);  
  39.       
  40.     // 整體遊戲的分數  
  41.     int score;  
  42.     // 定義顯示數據的控件  
  43.     cocos2d::LabelTTF *labelTTFCardNumber;  
  44. };  
  45.   
  46. #endif // __HELLOWORLD_SCENE_H__  

>>>HelloWorldScene.cpp
[cpp] view plain copy
  1. #include "HelloWorldScene.h"  
  2. #include "CardSprite.h"  
  3.   
  4. USING_NS_CC;  
  5.   
  6. Scene* HelloWorld::createScene()  
  7. {  
  8.     // 'scene' is an autorelease object  
  9.     auto scene = Scene::create();  
  10.   
  11.     // 'layer' is an autorelease object  
  12.     auto layer = HelloWorld::create();  
  13.   
  14.     // add layer as a child to scene  
  15.     scene->addChild(layer);  
  16.   
  17.     // return the scene  
  18.     return scene;  
  19. }  
  20.   
  21. // on "init" you need to initialize your instance  
  22. bool HelloWorld::init()  
  23. {  
  24.     //////////////////////////////  
  25.     // 1. super init first  
  26.     if ( !Layer::init() )  
  27.     {  
  28.         return false;  
  29.     }  
  30.       
  31.     score = 0;  
  32.       
  33.       
  34.     // 獲得屏幕可視大小  
  35.     Size visibleSize = Director::getInstance()->getVisibleSize();  
  36.     // 加入遊戲的背景  
  37.     auto layerColorBG = cocos2d::LayerColor::create(cocos2d::Color4B(180,170,160, 255));  
  38.     this->addChild(layerColorBG);  
  39.     // 在上方加入遊戲的分數  
  40.     auto labelTTFCardNumberName = LabelTTF::create("分數:","HirakakuProN-W6", 80);  
  41.     labelTTFCardNumberName->setPosition(Point(visibleSize.width/5, visibleSize.height-100));  
  42.     addChild(labelTTFCardNumberName);  
  43.       
  44.       
  45.     labelTTFCardNumber = LabelTTF::create("0", "HirakakuProN-W6", 80);  
  46.     labelTTFCardNumber->setPosition(visibleSize.width/2+100, visibleSize.height - 100);  
  47.     addChild(labelTTFCardNumber  
  48.              );  
  49.       
  50.      
  51.     // 創建手勢識別的事件監聽器  
  52.     auto touchListener = EventListenerTouchOneByOne::create();  
  53.     touchListener->onTouchBegan = CC_CALLBACK_2(HelloWorld::onTouchBegan, this);  
  54.     touchListener->onTouchEnded = CC_CALLBACK_2(HelloWorld::onTouchEnded, this);  
  55.     // 添加事件監聽  
  56.     _eventDispatcher->addEventListenerWithSceneGraphPriority(touchListener, this);  
  57.   
  58.       
  59.     // 調用生成卡片的方法  
  60.     createCardSprite(visibleSize);  
  61.       
  62.     // 調用生成隨機數  
  63.     autoCreateCardNumber();  
  64.     autoCreateCardNumber();  
  65.     return true;  
  66. }  
  67.   
  68. // 遊戲是否還能繼續運行下去  
  69. void HelloWorld::doCheckGameOver() {  
  70.     bool isGameOver = true;  
  71.       
  72.     for (int y = 0; y < 4; y++) {  
  73.         for (int x = 0; x < 4; x++) {  
  74.             if (cardArr[x][y]->getNumber() == 0  
  75.                 || (x>0 && (cardArr[x][y]->getNumber() == cardArr[x-1][y]->getNumber() ))  
  76.                 || (x<3 && (cardArr[x][y]->getNumber() == cardArr[x+1][y]->getNumber()))  
  77.                 || (y<0 && (cardArr[x][y]->getNumber() == cardArr[x][y-1]->getNumber()))  
  78.                 || (x<3 && (cardArr[x][y]->getNumber() == cardArr[x][y+1]->getNumber()))) {  
  79.                 isGameOver = false;  
  80.             }  
  81.         }  
  82.     }  
  83.     if (isGameOver) {  
  84.         // 結束遊戲  
  85.         Director::getInstance()->replaceScene(TransitionFade::create(1, HelloWorld::createScene()));  
  86.     }  
  87.   
  88. }  
  89.   
  90. // 自動生成卡片  
  91. void HelloWorld::autoCreateCardNumber() {  
  92.     int i = CCRANDOM_0_1() * 4;  
  93.     int j = CCRANDOM_0_1() * 4;  
  94.       
  95.     // 判斷是否已經存在的位置  
  96.     if (cardArr[i][j]->getNumber() > 0) {  
  97.         // 已存在，遞歸創建  
  98.         autoCreateCardNumber();  
  99.     } else {  
  100.         // 生成2和4的比例是1:9的概率  
  101.         cardArr[i][j]->setNumber(CCRANDOM_0_1() * 10 < 1 ? 4:2);  
  102.     }  
  103. }  
  104.   
  105. // 創建卡片，size爲屏幕大小  
  106. void HelloWorld::createCardSprite(cocos2d::Size size) {  
  107.     // 求出單元格的寬度和高度，28爲左右距離  
  108.     int lon = (size.width - 28) / 4;  
  109.       
  110.     // 4*4的單元格  
  111.     for (int j = 0; j < 4; j++) {  
  112.         for (int i = 0; i < 4; i++) {  
  113.             // 數字0，寬高相同爲lon,lon+j+20爲卡片X軸位置，如lon+0+20爲第一個卡片的位置，20是每張卡片的間隙，lon+i+20+size.height/6代表的意思是屏幕大小豎方向分了六份，我們這裏只放4個位置  
  114.            CardSprite *card = CardSprite::createCardSprite(0, lon, lon, lon * j + 10, lon * i + 10 + size.height / 6);  
  115.             addChild(card);  
  116.               
  117.             // 添加卡片到二維數組中  
  118.             cardArr[j][i] = card;  
  119.         }  
  120.     }  
  121. }  
  122.   
  123. // 加入手勢識別的事件  
  124. bool HelloWorld::onTouchBegan(cocos2d::Touch *touch, cocos2d::Event *unused_event){  
  125.     // 觸摸點  
  126.     Point touchP0 = touch->getLocation();  
  127.   
  128.     firstX = touchP0.x;  
  129.     firstY = touchP0.y;  
  130.   
  131.   
  132.     return true;  
  133. }  
  134.   
  135. // 觸摸結束觸發  
  136. void HelloWorld::onTouchEnded(cocos2d::Touch *touch, cocos2d::Event *unused_event){  
  137.     // 獲取觸摸點位置  
  138.     Point touchP0 = touch->getLocation();  
  139.     // 獲取X軸和Y軸的移動距離  
  140.     endX = firstX - touchP0.x;  
  141.     endY = firstY - touchP0.y;  
  142.   
  143.     // 判斷X軸和Y軸的移動距離，如果X軸的絕對值大於Y軸的絕對值就是左右否則是上下  
  144.     if (abs(endX) > abs(endY)){  
  145.         // 左右  
  146.         if (endX + 5 > 0) {  
  147.             // 左邊  
  148.             if(doLeft()) {  
  149.                 autoCreateCardNumber();  
  150.                 doCheckGameOver();  
  151.             }  
  152.   
  153.         } else {  
  154.             // 右邊  
  155.             if(doRight()){  
  156.                 autoCreateCardNumber();  
  157.                 doCheckGameOver();  
  158.             }  
  159.         }  
  160.   
  161.     } else {  
  162.         // 上下  
  163.         if (endY + 5 > 0) {  
  164.             // 下邊  
  165.             if(doDown()) {  
  166.                 autoCreateCardNumber();  
  167.                 doCheckGameOver();  
  168.             }  
  169.         } else {  
  170.             // 上邊  
  171.             if(doUp()) {  
  172.                 autoCreateCardNumber();  
  173.                 doCheckGameOver();  
  174.             };  
  175.         }  
  176.   
  177.     }  
  178. }  
  179.   
  180.   
  181. // 向左  
  182. bool HelloWorld::doLeft(){  
  183.     log("doLeft");  
  184.       
  185.     bool isdo = false;  
  186.     // 最外層循環爲4*4迭代  
  187.     for (int y = 0; y < 4; y++) {  
  188.         for (int x = 0; x < 4; x++) {  
  189.               
  190.             // 這一層循環爲判斷卡片是合併還是清空  
  191.             for (int x1 = x + 1; x1 < 4; x1++) {  
  192.                 if (cardArr[x1][y]->getNumber() > 0) {// 有數字  
  193.                     if (cardArr[x][y]->getNumber() <= 0) { // 爲空  
  194.                         // 設置爲右邊卡片的數值  
  195.                         cardArr[x][y]->setNumber(cardArr[x1][y]->getNumber());  
  196.                         cardArr[x1][y]->setNumber(0);  
  197.                           
  198.                         x--;  
  199.                         isdo = true;  
  200.                           
  201.                     } else if(cardArr[x][y]->getNumber() == cardArr[x1][y]->getNumber()) {  
  202.                         // 當前卡片的值與其比較卡片的值相等，設置爲其的2倍  
  203.                         cardArr[x][y]->setNumber(cardArr[x][y]->getNumber()*2);  
  204.                         cardArr[x1][y]->setNumber(0);  
  205.                           
  206.                           
  207.                         // 設置分數  
  208.                         score += cardArr[x][y]->getNumber();  
  209.                         labelTTFCardNumber->setString(__String::createWithFormat("%i", score)->getCString());  
  210.                         isdo = true;  
  211.                     }  
  212.                     break;// 跳出  
  213.                 }  
  214.             }  
  215.         }  
  216.     }  
  217.       
  218.     return isdo;  
  219. }  
  220.   
  221. // 向右  
  222. bool HelloWorld::doRight(){  
  223.     log("doRight");  
  224.       
  225.     bool isdo = false;  
  226.     // 最外層循環爲4*4迭代  
  227.     for (int y = 0; y < 4; y++) {  
  228.         for (int x = 3; x >= 0; x--) {  
  229.               
  230.             // 循環判斷左邊卡片往右是合併還是清空  
  231.             for (int x1 = x - 1; x1 >= 0; x1-- ) {  
  232.                 if (cardArr[x1][y]->getNumber() > 0) {  
  233.                     if (cardArr[x][y]->getNumber() <= 0) {  
  234.                         cardArr[x][y]->setNumber(cardArr[x1][y]->getNumber());  
  235.                           
  236.                         x++;  
  237.                         isdo = true;  
  238.                     }  
  239.                     else if (cardArr[x][y]->getNumber() == cardArr[x1][y]->getNumber()) {  
  240.                         cardArr[x][y]->setNumber(cardArr[x][y]->getNumber() * 2);  
  241.                         cardArr[x1][y]->setNumber(0);  
  242.                           
  243.                         // 設置分數  
  244.                         score += cardArr[x][y]->getNumber();  
  245.                         labelTTFCardNumber->setString(__String::createWithFormat("%i", score)->getCString());  
  246.   
  247.                         isdo = true;  
  248.                     }  
  249.                     break;  
  250.                 }  
  251.   
  252.             }  
  253.         }  
  254.           
  255.     }  
  256.       
  257.     return isdo;  
  258.   
  259. }  
  260.   
  261. // 向上  
  262. bool HelloWorld::doUp(){  
  263.     log("doUp");  
  264.     bool isdo = false;  
  265.     // 最外層循環爲4*4迭代  
  266.     for (int x = 0; x < 4; x++) {  
  267.         for (int y = 3; y >= 0; y--) {  
  268.               
  269.             // 這一層循環爲判斷卡片是合併還是清空  
  270.             for (int y1 = y - 1; y1 >= 0; y1--) {  
  271.                 if (cardArr[x][y1]->getNumber() > 0) {// 有數字  
  272.                     if (cardArr[x][y]->getNumber() <= 0) { // 爲空  
  273.                         // 設置爲右邊卡片的數值  
  274.                         cardArr[x][y]->setNumber(cardArr[x][y1]->getNumber());  
  275.                         cardArr[x][y1]->setNumber(0);  
  276.                           
  277.                         y++;  
  278.                         isdo = true;  
  279.                           
  280.                     } else if(cardArr[x][y]->getNumber() == cardArr[x][y1]->getNumber()) {  
  281.                         // 當前卡片的值與其比較卡片的值相等，設置爲其的2倍  
  282.                         cardArr[x][y]->setNumber(cardArr[x][y]->getNumber()*2);  
  283.                         cardArr[x][y1]->setNumber(0);  
  284.                           
  285.                         // 設置分數  
  286.                         score += cardArr[x][y]->getNumber();  
  287.                         labelTTFCardNumber->setString(__String::createWithFormat("%i", score)->getCString());  
  288.   
  289.                         isdo = true;  
  290.                     }  
  291.                     break;// 跳出  
  292.                 }  
  293.             }  
  294.         }  
  295.     }  
  296.       
  297.     return isdo;  
  298.   
  299. }  
  300.   
  301. // 向下  
  302. bool HelloWorld::doDown(){  
  303.     log("doDown");  
  304.     bool isdo = false;  
  305.     // 最外層循環爲4*4迭代  
  306.     for (int x = 0; x < 4; x++) {  
  307.         for (int y = 0; y < 4; y++) {  
  308.               
  309.             // 這一層循環爲判斷卡片是合併還是清空  
  310.             for (int y1 = y + 1; y1 < 4; y1++) {  
  311.                 if (cardArr[x][y1]->getNumber() > 0) {// 有數字  
  312.                     if (cardArr[x][y]->getNumber() <= 0) { // 爲空  
  313.                         // 設置爲右邊卡片的數值  
  314.                         cardArr[x][y]->setNumber(cardArr[x][y1]->getNumber());  
  315.                         cardArr[x][y1]->setNumber(0);  
  316.                           
  317.                         y--;  
  318.                         isdo = true;  
  319.                           
  320.                     } else if(cardArr[x][y]->getNumber() == cardArr[x][y1]->getNumber()) {  
  321.                         // 當前卡片的值與其比較卡片的值相等，設置爲其的2倍  
  322.                         cardArr[x][y]->setNumber(cardArr[x][y]->getNumber()*2);  
  323.                         cardArr[x][y1]->setNumber(0);  
  324.                           
  325.                           
  326.                         // 設置分數  
  327.                         score += cardArr[x][y]->getNumber();  
  328.                         labelTTFCardNumber->setString(__String::createWithFormat("%i", score)->getCString());  
  329.   
  330.                         isdo = true;  
  331.                     }  
  332.                     break;// 跳出  
  333.                 }  
  334.             }  
  335.         }  
  336.     }  
  337.       
  338.     return isdo;  
  339. }  
  340.   
  341.   
  342.   
  343. void HelloWorld::menuCloseCallback(Ref* pSender)  
  344. {  
  345. #if (CC_TARGET_PLATFORM == CC_PLATFORM_WP8) || (CC_TARGET_PLATFORM == CC_PLATFORM_WINRT)  
  346.     MessageBox("You pressed the close button. Windows Store Apps do not implement a close button.","Alert");  
  347.     return;  
  348. #endif  
  349.   
  350.     Director::getInstance()->end();  
  351.   
  352. #if (CC_TARGET_PLATFORM == CC_PLATFORM_IOS)  
  353.     exit(0);  
  354. #endif  
  355. }  

>>>CardSprite.h
[cpp] view plain copy
  1. //  
  2. //  CardSprite.h  
  3. //  2048Game  
  4. //  
  5. //  Created by mac on 14-7-16.  
  6. //  
  7. //  
  8.   
  9. #ifndef ___048Game__CardSprite__  
  10. #define ___048Game__CardSprite__  
  11.   
  12. #include "cocos2d.h"  
  13.   
  14. class CardSprite:public cocos2d::Sprite {  
  15.       
  16. public:  
  17.     // 初始化遊戲卡片的方法  
  18.     static CardSprite *createCardSprite(int numbers, int width, int height, float CardSpriteX, float CardSpriteY);  
  19.     virtual bool init();  
  20.     CREATE_FUNC(CardSprite);  
  21.       
  22.     // 設置數字  
  23.     void setNumber(int num);  
  24.       
  25.     // 獲取數字  
  26.     int getNumber();  
  27. private:  
  28.     // 顯示在界面的數字  
  29.     int number;  
  30.     void enemyInit(int numbers, int width, int height, float CardSpriteX, float CardSpriteY);  
  31.       
  32.     // 定義顯示數字的控件  
  33.     cocos2d::LabelTTF *labTTFCardNumber;  
  34.       
  35.     // 顯示的背景  
  36.     cocos2d::LayerColor *layerColorBG;  
  37.       
  38.       
  39. };  
  40.   
  41. #endif /* defined(___048Game__CardSprite__) */  

>>>CardSprite.cpp
[cpp] view plain copy
  1. //  
  2. //  CardSprite.cpp  
  3. //  2048Game  
  4. //  
  5. //  Created by wwj on 14-7-16.  
  6. //  
  7. //  
  8.   
  9. #include "CardSprite.h"  
  10.   
  11. USING_NS_CC;  
  12.   
  13. // 初始化遊戲卡片的方法  
  14. CardSprite* CardSprite::createCardSprite(int numbers, int width, int height, float CardSpriteX, float CardSpriteY) {  
  15.     // new一個卡片精靈  
  16.     CardSprite *enemy = new CardSprite();  
  17.     if (enemy && enemy->init()) {  
  18.         enemy->autorelease();  
  19.         enemy->enemyInit(numbers, width, height, CardSpriteX, CardSpriteY);  
  20.         return enemy;  
  21.     }  
  22.     CC_SAFE_DELETE(enemy);  
  23.     return NULL;  
  24. }  
  25.   
  26. // 卡片初始化方法  
  27. bool CardSprite::init() {  
  28.     if (!Sprite::init()) {  
  29.         return false;  
  30.     }  
  31.     return true;  
  32. }  
  33.   
  34.   
  35. // 設置數字  
  36. void CardSprite::setNumber(int num) {  
  37.     number = num;  
  38.       
  39.     // 判斷數字的大小來調整字體的大小  
  40.     if (number >= 0) {  
  41.         labTTFCardNumber->setFontSize(80);  
  42.     }  
  43.     if (number >= 16) {  
  44.         labTTFCardNumber->setFontSize(60);  
  45.     }  
  46.     if (number >= 128) {  
  47.         labTTFCardNumber->setFontSize(40);  
  48.     }  
  49.     if (number >= 1024) {  
  50.         labTTFCardNumber->setFontSize(20);  
  51.     }  
  52.       
  53.     // 判斷數組的大小調整顏色  
  54.     if (number == 0) {  
  55.         layerColorBG->setColor(cocos2d::Color3B(200, 190, 180));  
  56.     }  
  57.     if (number == 2) {  
  58.         layerColorBG->setColor(cocos2d::Color3B(240, 230, 220));  
  59.     }  
  60.     if (number == 4) {  
  61.         layerColorBG->setColor(cocos2d::Color3B(240, 220, 200));  
  62.     }  
  63.     if (number == 8) {  
  64.         layerColorBG->setColor(cocos2d::Color3B(240, 180, 120));  
  65.     }  
  66.     if (number == 16) {  
  67.         layerColorBG->setColor(cocos2d::Color3B(240, 140, 90));  
  68.     }  
  69.     if (number == 32) {  
  70.         layerColorBG->setColor(cocos2d::Color3B(240, 120, 90));  
  71.     }  
  72.     if (number == 64) {  
  73.         layerColorBG->setColor(cocos2d::Color3B(240, 90, 60));  
  74.     }  
  75.     if (number == 128) {  
  76.         layerColorBG->setColor(cocos2d::Color3B(240, 90, 60));  
  77.     }  
  78.     if (number == 256) {  
  79.         layerColorBG->setColor(cocos2d::Color3B(240, 200, 70));  
  80.     }  
  81.     if (number == 512) {  
  82.         layerColorBG->setColor(cocos2d::Color3B(240, 200, 70));  
  83.     }  
  84.     if (number == 1024) {  
  85.         layerColorBG->setColor(cocos2d::Color3B(0, 130, 0));  
  86.     }  
  87.     if (number == 2048) {  
  88.         layerColorBG->setColor(cocos2d::Color3B(0, 130, 0));  
  89.     }  
  90.       
  91.       
  92.     // 更新顯示的數字  
  93.     if (number > 0) {  
  94.         labTTFCardNumber->setString(__String::createWithFormat("%i", num)->getCString() );  
  95.     } else {  
  96.         labTTFCardNumber->setString("");  
  97.     }  
  98.       
  99. }  
  100.   
  101. // 獲取數字  
  102. int CardSprite::getNumber() {  
  103.     return number;  
  104. }  
  105.   
  106.   
  107. //第1個參數爲數字，第2、3個參數爲卡片的寬高，第4、5個參數爲卡片的位置  
  108. void CardSprite::enemyInit(int numbers, int width, int height, float CardSpriteX, float CardSpriteY) {  
  109.     // 初始化數字  
  110.     number = numbers;  
  111.       
  112.     // 加入遊戲卡片的背景顏色  
  113.     layerColorBG = cocos2d::LayerColor::create(cocos2d::Color4B(200, 190, 180, 255), width - 15, height - 15);  
  114.     layerColorBG->setPosition(Point(CardSpriteX, CardSpriteY));  
  115.       
  116.     // 判斷如果不等於0就顯示，否則爲空  
  117.     if (number > 0) {  
  118.         // 加入中間字體  
  119.         labTTFCardNumber = cocos2d::LabelTTF::create(__String::createWithFormat("%i", number)->getCString(), "HirakakuProN-W6", 100);  
  120.         // 顯示卡片數字的位置，這裏顯示在背景的中間  
  121.         labTTFCardNumber->setPosition(Point(layerColorBG->getContentSize().width/2, layerColorBG->getContentSize().height/2));  
  122.         // 添加卡片數字到背景中  
  123.         layerColorBG->addChild(labTTFCardNumber);  
  124.     } else {  
  125.         // 加入中間字體  
  126.         labTTFCardNumber = cocos2d::LabelTTF::create("", "HirakakuProN-w6", 80);  
  127.         labTTFCardNumber->setPosition(Point(layerColorBG->getContentSize().width/2, layerColorBG->getContentSize().height/2));  
  128.         layerColorBG->addChild(labTTFCardNumber);  
  129.     }  
  130.     // 將卡片添加到層  
  131.     this->addChild(layerColorBG);  
  132.       
  133. }  

最後，騷年們就不要向我要源碼了，所有的代碼在這裏均有實現，只要把這些代碼集成到你的項目中去就可以實現跟筆者一樣的效果，希望各位能好好體會2048開發的流程。


發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

Android代碼混淆，就這麼簡單

前言 在這個乞丐都精通C++的時代，我們的代碼安全實在是不敢保證，爲了保護我們的代碼不被牛逼的乞丐篡改，代碼混淆還是必須的。大多數人還是認爲代碼混淆是很複雜的事情，我自己也這麼認爲。。。 看完這篇博客，也許就會發現，其實沒那麼難

Maybe_ren 2020-07-08 12:37:11

利用rxjava實現監聽EditView裏的文字在規定時間間隔不變後進行聯想搜索

當EditView輸入的內容變化停止幾秒鐘之後再去後進行搜索， debounce：防抖 當一個事件發送出來之後，在約定時間內沒有再次發送這個事件，則發射這個事件，如果再次觸發了，則重新計算時間。 switchMap :當源Observ

丶咿呀咿呀 2020-07-08 12:20:52

在虛擬機中安裝android apk

第一步：下載並解壓android SDK到自己硬盤上。第二步：在系統環境變量中增加系統變量SDK_ROOT，並讓它指向android SDK安裝目錄之下的tools文件夾。第三步：在cmd命令狀態下進入android SDK安裝目錄之下的

shaochengand 2020-07-08 11:56:57

Android studio 升級後項目出錯

升級完android studio運行項目出現以下錯誤 Default interface methods are only supported starting with Android N (--min-api 24): void a

mr.rui 2020-07-08 11:51:59

iOS 動畫 - 窗景篇（三·完結）

這篇文章是系列文章的第三篇。 看過上一篇文章的朋友，已經知道標題中的“景”指代 view，“窗”指代 view.mask，窗景篇就是在梳理 mask 及 mask 動畫。如果你還不熟悉 iOS 的 mask，建議先看一下第一篇。

柯烂 2020-07-08 12:37:45

小輪子 ios 獲取語言

//只有3種返回結果 zh-TW zh-CN en-US +(NSString *) getLanguage { NSString* pkLan = [[[NSUserDefaults standardUserDefau

whitehack 2020-07-08 12:33:27

Windows Running “flutter pub get“ in XXX卡死

Running “flutter pub get” in XXX卡死的主要原因是因爲網絡訪問問題，我們可以通過設置FlutterIO.cn來規避，具體操作如下： 右鍵我的電腦->屬性->高級系統設置->環境變量，添加環境變量，

小海编码日记 2020-07-08 12:40:51

Android操作Exif-ExifInterface全解析

簡介： Exif是一種圖像文件格式，它的數據存儲與JPEG格式是完全相同的。實際上Exif格式就是在JPEG格式頭部插入了數碼照片的信息，包括拍攝時的光圈、快門、白平衡、ISO、焦距、日期時間等各種和拍攝條件以及相機品牌、型號、色

Maybe_ren 2020-07-08 12:37:11

selinux-實現

實現 SELinux SELinux 設爲了“默認拒絕”模式，也就是說，對於在內核中存在鉤子的每一次訪問，都必須獲得政策的明確許可。這意味着政策文件中包含規則、類型、類、權限等方面的大量信息。關於 SELinux 的完整注意事項不在

vrix 2020-07-08 12:37:00

selinux-概覽

Android 中的安全增強型 Linux 簡介 Android 安全模型部分基於應用沙盒的概念。每個應用都在自己的沙盒內運行。在 Android 4.3 之前的版本中，這些沙盒是通過爲每個應用創建獨一無二的 Linux UID

vrix 2020-07-08 12:37:00

selinux-驗證

驗證 SELinux Android 強烈建議原始設備製造商 (OEM) 全面測試其 SELinux 實現。製造商在實現 SELinux 時，應先爲設備上需要測試的所有內容應用新政策。 應用新政策後，可以通過執行 getenfor

vrix 2020-07-08 12:37:00

Android受限廣播(protected-broadcast)

在閱讀Android源碼Telephony模塊時，發現在AndroidManifest.xml文件裏聲明瞭大量的protected-broadcast： <protected-broadcast android:name="andr

vrix 2020-07-08 12:37:00

selinux-自定義

自定義 SELinux 集成這一基本級別的功能並全面分析結果後，您可以添加自己的政策設置，以便涵蓋自己對 Android 操作系統進行的自定義。當然，這些政策仍必須要滿足 Android 兼容性計劃的要求，並且不會移除默認的 SEL

vrix 2020-07-08 12:37:00

在Android端實現基於OPENGL ES 的深度學習前向傳播框架

github項目地址 首先感謝夕陽嘆大神提供的思路，大家先可以去https://blog.csdn.net/jxt1234and2010/article/details/71056736看看，基本把實現的流程都說了一遍，我照着思路實現了一

koibiki 2020-07-08 12:23:30

Desire rom - build kernel

  參考:http://code.google.com/p/androidteam/wiki/AndroidKernelCompileAndRun     交叉編譯器下載:    git clone git://android.git.k

dkyang 2020-07-08 12:22:51