cocos2d-x 如何使用CCProgressTimer作为血条,实现跟随怪物进行移动,自动掉血,然后死亡。
2014-03-27 16:15
549 查看
Cocos2d-x中类CCProgressTimer实现游戏人物血条
一、CCProgressTimer的基本使用步骤:cocos2d-x的进度条函数CCProgressTimer,我们可以这样定义:
1.
//s_pPathSister1为图片的路径
2.
CCProgressTimer *left = CCProgressTimer::create(CCSprite::create(s_pPathSister1));
然后我们设置进度条的属性1:
1.
//kCCProgressTimerTypeBar为进度条的形式
2.
left->setType(kCCProgressTimerTypeBar);
cocos2d-x封装了2中显示方式:
条形:kCCProgressTimerTypeBar
圆弧形:kCCProgressTimerTypeRadial
属性2:
1.
setMidpoint();
对圆弧来说,就是设置中心点,但对条形来说,它是设置进度条的起始点,(0,y)表示最左边,(1,y)表示最右边,(x,1)表示最上面,(x,0)表示最下面。
属性3:
1.
setBarChangeRate();
用来设置进度条动画方向的,(1,0)表示横方向,(0,1)表示纵方向。
还有最重要的一个方法:
1.
setPercentage();
用来设置进度条的当前进度,(100.0f)表示满值。
二、使用CCProgressTimer实现游戏人物血条:
01.
//角色血条(空血框)
02.
CCSprite *pBloodKongSp = CCSprite::create(
"bloodKong.png"
);
03.
pBloodKongSp->setPosition(ccp(sizeSp.width/2, sizeSp.height+10));
04.
//绑到人物精灵上
05.
pSprite->addChild(pBloodKongSp);
06.
//满血条
07.
CCSprite *pBloodManSp = CCSprite::create(
"bloodMan.png"
);
08.
//创建用于表示人物当前血量的进度条
09.
CCProgressTimer *pBloodProGress = CCProgressTimer::create(pBloodManSp);
10.
//设置为条形
11.
pBloodProGress->setType(kCCProgressTimerTypeBar);
12.
//设置起始点为条形左下方
13.
pBloodProGress->setMidpoint(ccp(0,0));
14.
//设置为水平方向
15.
pBloodProGress->setBarChangeRate(ccp(1, 0));
16.
//设置初始进度为满血
17.
pBloodProGress->setPercentage(100.0f);
18.
//设置位置,与上面的空血框重叠,且居于其上
19.
pBloodProGress->setPosition(ccp(sizeSp.width/2, sizeSp.height+10));
20.
//绑到人物精灵上,并设置tag值,一遍之后获取进度条,并通过setPercentage改变当前血量
21.
pSprite->addChild(pBloodProGress, 1, 1);
实现原理其实很简单,就是一个用满的血条创建的进度条覆盖在一个用空的血框创建的精灵上,并通过进度条的setPercentage方法改变它自身的显示区域,当进度小于100%时,位于进度条底下的血框就被显示出了一部分,从而达到游戏中,我们常见的血条的效果。
1、如何使用CCProgressTimer 2、如何跟随怪物 3、如何掉血和死亡 4、结构层次。
//注意加红色部分
样例代码如下:
怪物的定义:
class Enemy :
public CCSprite
{
public:
Enemy(CCPoint p, CCString* type, int itemId);
~Enemy(void);
CCSprite* enemySprite;
怪物放入layer进行显示:
gameLayer->addChild(this->enemySprite,KZENEMY);
血条在创建enemy时一并创建,并作为其子:
Enemy* enemy = new Enemy(startPosition,enemytype, ((int)(dt*1000))%30);
//加入血条背景
CCProgressTimer* progressTimeHPBackGround = CCProgressTimer::create(CCSprite::create("hpbackground.png"));
progressTimeHPBackGround->setPosition(ccp(0,32));
progressTimeHPBackGround->setAnchorPoint(ccp(0,0));
progressTimeHPBackGround->setPercentage(100);
//加入血条背景
CCProgressTimer* progressTimeHP = CCProgressTimer::create(CCSprite::create("hp.png"));
progressTimeHP->setPosition(ccp(0,sGlobal->tileBlockSize));//下面的配置参加testcpp的样例代码
progressTimeHP->setAnchorPoint(ccp(0,0));
//默认是中间,要设置左下角
progressTimeHP->setPercentage(100);
//初始的百分比
progressTimeHP->setMidpoint(ccp(0, 1));
//设置中点位置,默认是四周向重点变化。现在把重点设置为左边(纵向居中),使血从右向左减少
progressTimeHP->setBarChangeRate(ccp(1, 0));//暂时不知道什么用
progressTimeHP->setType(kCCProgressTimerTypeBar);//暂时不知道什么用
enemy->enemySprite->addChild(progressTimeHPBackGround,KZENEMY);
enemy->enemySprite->addChild(progressTimeHP,KZENEMYHP,TENEMYHP);
跟随移动、掉血和死亡:
pEnemy->enemySprite->setPosition(nextP);
CCProgressTimer* cct = (CCProgressTimer*)pEnemy->enemySprite->getChildByTag(TENEMYHP);
int cp = cct->getPercentage();
if (cp > 0)
{
cct->setPercentage(--cp); //掉血
}
else
{
pEnemy->enemySprite->setVisible(false);//设置不可见
finishedEnemy->addObject(pEnemy);
//放入死亡数组,等待delete内存
}
效果图:
相关文章推荐
- cocos2d-x 如何使用CCProgressTimer作为血条,实现跟随怪物进行移动,自动掉血,然后死亡。
- Cocos2d-x实现游戏怪物血条血条
- 使用JS实现气泡跟随鼠标移动的动画效果
- Python笔记–IAR使用Python脚本实现自动对烧录文件进行处理
- 使用Python实现博客上进行自动翻页
- 关于字符和数字类型的索引,Oracle如何实现内部自动转换以及索引使用的验证测试
- Spring整合Dubbo,使用zookeeper作为注册中心,进行远程调用及负载均衡、自动失效转移(何志雄)
- Cocos2d-x 2.0 百例精讲:如何让一个精灵跟随触点移动
- 如何使用 mallco 函数进行内存的申请来储存字符串,然后将该字符串的内容进行翻转.
- 演示使用DOM技术如何根据指定XML,进行相应的修改然后生成新的XML文档
- 关于如何实现双击某一个tabBarItem,自动进行下拉刷新的问题。
- 如何使用qsort进行排序,用bubble_sort实现各类型排序
- 如何使用ANT自动进行数据库的相关操作
- 如何开发板上移植udev并实现移动设备的自动挂载
- 使用Eigen进行LM算法实现(自动求导)
- 实习小结四:如何使用jQuery实现鼠标移动改变Tab
- 用手动和自动分别实现使用其DVD安装盘作为本地yum源
- 如何在XenDesktop没有工具栏情况下实现U盘自动映射为可移动磁盘
- 如何手动编译bind,如何使用view实现智能DNS解析,以及如何对DNS服务器进行压力测试。
- 【MySQL】如何使用C#+MySQL实现一条MySQL语句进行多表查询