cocos2d-x 之技能CD效果实现

会玩DOTA或者其他带有技能选项的游戏的玩家，应该都会知道每项技能两次施放间存有时间间隔，而在这段时间里，技能会被一个遮罩层动画覆盖以表示技能剩余冷却时间。

那么，这次，我就以实现该效果为目标，展示cocos2d-x中提供的各种CD效果吧。

先看看cocos2d-x中给我们提供了哪些效果吧~~

typedef enum {
	
/// 逆时针生成 
	
kCCProgressTimerTypeRadialCCW,
	
/// 顺时针生成
kCCProgressTimerTypeRadialCW,
	
/// 从左到右生成	
kCCProgressTimerTypeHorizontalBarLR,
	
/// 从右到左生成	
kCCProgressTimerTypeHorizontalBarRL,
	
/// 从下到上生成
kCCProgressTimerTypeVerticalBarBT,
	
/// 从上到下生成
kCCProgressTimerTypeVerticalBarTB,

} CCProgressTimerType;

可以看到共有6种效果，那么很直接了当地把这6种效果全部枚举出来看看效果：

		float mPercentage = 100;	// 定义CD的显示百分比
		ccTime cd_Time = 5.0f;		// 定义CD的时间

		int actionCount = 6;		// 表示CD动画类型数量

		CCProgressTimer* pt = NULL;	// 声明一个进度条变量
		
		for(int i=0; i<actionCount; i++)
		{
			pt = CCProgressTimer::progressWithFile("Icon.png");		// 设置进度条图样
			pt->setPercentage(mPercentage);							// 设置进度条最大百分比
			pt->setPosition(ccp(size.width/2+100*(i%3-1), size.height/2+100*(i/3-1)));	// 设置CD图样的位置
			pt->setType(CCProgressTimerType(i));					// 设置进度条动画类型
			this->addChild(pt);
			CCProgressTo *to = CCProgressTo::actionWithDuration(cd_Time, mPercentage);	// 设定CD时间与要到达的百分比
			pt->runAction(to);										// 给进度条加上动画条件
		}

解释下CCProgressTimerType(i)，这个表示取出枚举类型CCProgressTimerType中的第i个元素，以方便循环体的编写~~~

实现这个效果还是比较简单的，下面就上图~~~呵呵~

效果图：

资源图：