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

来源：互联网发布：打击网络低俗信息编辑：程序博客网时间：2024/05/22 16:55

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

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”小一点。而且三者的颜色也不一样。

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

0 0