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

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

1. 数字大小的优化

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

在CardSprite.cpp的setNumber方法中,添加如下代码:

  1. //判断数字的大小来调整字体
  2. if (number >= 0) { 
  3. labelTTFCardNumber->setFontSize(100); 
  4.   } 
  5. if (number >= 16) { 
  6.       labelTTFCardNumber->setFontSize(90); 
  7.   } 
  8. if(number >= 128){ 
  9.       labelTTFCardNumber->setFontSize(60); 
  10.   } 
  11. if(number >= 1024){ 
  12.       labelTTFCardNumber->setFontSize(40); 
  13.   } 

2. 数字颜色的优化

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

  1. //判断数字的大小来调整颜色
  2. if(number == 0){ 
  3.         layerColorBG->setColor(cocos2d::Color3B(200,190,180)); 
  4.     } 
  5. if (number == 2) { 
  6.         layerColorBG->setColor(cocos2d::Color3B(240,230,220)); 
  7.     } 
  8. if (number == 4) { 
  9.         layerColorBG->setColor(cocos2d::Color3B(240,220,200)); 
  10.     } 
  11. if (number == 8) { 
  12.         layerColorBG->setColor(cocos2d::Color3B(240,180,120)); 
  13.     } 
  14. if (number == 16) { 
  15.         layerColorBG->setColor(cocos2d::Color3B(240,140,90)); 
  16.     } 
  17. if (number == 32) { 
  18.         layerColorBG->setColor(cocos2d::Color3B(240,120,90)); 
  19.     } 
  20. if (number == 64) { 
  21.         layerColorBG->setColor(cocos2d::Color3B(240,90,60)); 
  22.     } 
  23. if (number == 128) { 
  24.         layerColorBG->setColor(cocos2d::Color3B(240,90,60)); 
  25.     } 
  26. if (number == 256) { 
  27.         layerColorBG->setColor(cocos2d::Color3B(240,200,70)); 
  28.     } 
  29. if (number == 512) { 
  30.         layerColorBG->setColor(cocos2d::Color3B(240,200,70)); 
  31.     } 
  32. if (number == 1024) { 
  33.         layerColorBG->setColor(cocos2d::Color3B(0,130,0)); 
  34.     } 
  35. if (number == 2048) { 
  36.         layerColorBG->setColor(cocos2d::Color3B(0,130,0)); 
  37.     } 

3. 运行项目

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

image

image

image

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

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

原文地址:http://blog.csdn.net/legendof1991/article/details/23785757

共有 0 条评论

Top