【2048强势来袭】第八期：优化游戏界面

在游戏开发中，游戏的界面是相当重要的，下面我们来进行一些优化。

1. 数字大小的优化

在一个卡片里面，当数字变成两位数、三位数的时候，就需要调整一下数字的大小，让游戏看起来更加的“和谐”。

在CardSprite.cpp的setNumber方法中，添加如下代码：

	 //判断数字的大小来调整字体
    if (number >= 0) {
		labelTTFCardNumber->setFontSize(100);
    }
    if (number >= 16) {
        labelTTFCardNumber->setFontSize(90);
    }
    if(number >= 128){
        labelTTFCardNumber->setFontSize(60);
    }
    if(number >= 1024){
        labelTTFCardNumber->setFontSize(40);
    }

2. 数字颜色的优化

为了不让游戏的数字看起来太枯燥，我们对游戏的数字进行优化，添加一些颜色

//判断数字的大小来调整颜色
    if(number == 0){
        layerColorBG->setColor(cocos2d::Color3B(200,190,180));
    }
    if (number == 2) {
        layerColorBG->setColor(cocos2d::Color3B(240,230,220));
    }
    if (number == 4) {
        layerColorBG->setColor(cocos2d::Color3B(240,220,200));
    }
    if (number == 8) {
        layerColorBG->setColor(cocos2d::Color3B(240,180,120));
    }
    if (number == 16) {
        layerColorBG->setColor(cocos2d::Color3B(240,140,90));
    }
    if (number == 32) {
        layerColorBG->setColor(cocos2d::Color3B(240,120,90));
    }
    if (number == 64) {
        layerColorBG->setColor(cocos2d::Color3B(240,90,60));
    }
    if (number == 128) {
        layerColorBG->setColor(cocos2d::Color3B(240,90,60));
    }
    if (number == 256) {
        layerColorBG->setColor(cocos2d::Color3B(240,200,70));
    }
    if (number == 512) {
        layerColorBG->setColor(cocos2d::Color3B(240,200,70));
    }
    if (number == 1024) {
        layerColorBG->setColor(cocos2d::Color3B(0,130,0));
    }
    if (number == 2048) {
        layerColorBG->setColor(cocos2d::Color3B(0,130,0));
    }

3. 运行项目

下面，我们运行项目来观察一下，我们优化后的结果：

可以看到，两位数的数字“16”，会比单位数的“4”和“8”小一点。而且三者的颜色也不一样。

最后要特别感谢一下帅印。