Cocos2d-x中类CCProgressTimer实现游戏人物血条-创新互联

最近参与的一个项目中，大量用到了“血条”，我是通过Cocos2d-x中的CCProgressTime来实现的，下面来记录一下我的实现方法。

创新互联专注于镶黄企业网站建设,响应式网站设计,商城系统网站开发。镶黄网站建设公司,为镶黄等地区提供建站服务。全流程按需定制，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务

一、CCProgressTimer的基本使用步骤：

cocos2d-x的进度条函数CCProgressTimer,我们可以这样定义：

//s_pPathSister1为图片的路径
CCProgressTimer *left = CCProgressTimer::create(CCSprite::create(s_pPathSister1));

然后我们设置进度条的属性1：

//kCCProgressTimerTypeBar为进度条的形式
left->setType(kCCProgressTimerTypeBar);

cocos2d-x封装了2中显示方式：

  条形：kCCProgressTimerTypeBar

  圆弧形：kCCProgressTimerTypeRadial

属性2：

setMidpoint();

对圆弧来说，就是设置中心点，但对条形来说，它是设置进度条的起始点，（0,y）表示最左边，（1,y）表示最右边，（x,1）表示最上面，（x,0）表示最下面。

属性3：

setBarChangeRate();

用来设置进度条动画方向的，（1,0）表示横方向，（0,1）表示纵方向。

还有最重要的一个方法：

setPercentage();

用来设置进度条的当前进度，(100.0f)表示满值。

二、使用CCProgressTimer实现游戏人物血条：

//角色血条(空血框)
CCSprite *pBloodKongSp = CCSprite::create("bloodKong.png");
pBloodKongSp->setPosition(ccp(sizeSp.width/2, sizeSp.height+10));
//绑到人物精灵上
pSprite->addChild(pBloodKongSp);
//满血条
CCSprite *pBloodManSp = CCSprite::create("bloodMan.png");
//创建用于表示人物当前血量的进度条
CCProgressTimer *pBloodProGress = CCProgressTimer::create(pBloodManSp);
//设置为条形
pBloodProGress->setType(kCCProgressTimerTypeBar);
//设置起始点为条形左下方
pBloodProGress->setMidpoint(ccp(0,0));
//设置为水平方向
pBloodProGress->setBarChangeRate(ccp(1, 0));
//设置初始进度为满血
pBloodProGress->setPercentage(100.0f);
//设置位置，与上面的空血框重叠，且居于其上
pBloodProGress->setPosition(ccp(sizeSp.width/2, sizeSp.height+10));
//绑到人物精灵上，并设置tag值，一遍之后获取进度条，并通过setPercentage改变当前血量
pSprite->addChild(pBloodProGress, 1, 1);

  实现原理其实很简单，就是一个用满的血条创建的进度条覆盖在一个用空的血框创建的精灵上，并通过进度条的setPercentage方法改变它自身的显示区域，当进度小于100%时，位于进度条底下的血框就被显示出了一部分，从而达到游戏中，我们常见的血条的效果。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网站栏目：Cocos2d-x中类CCProgressTimer实现游戏人物血条-创新互联
路径分享：https://www.cdcxhl.com/article8/dhidip.html

成都网站建设公司_创新互联，为您提供品牌网站建设、域名注册、电子商务、标签优化、建站公司、云服务器

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联