源码：git@github.com:baidang201/ARPG_Zhaoyun.git

/////////////////////////////////////////////////////////////////

转载请注明出处http://www.jb51.cc/article/p-zfhqmpgp-kh.html

本章要讲解给怎么在界面上加一个血条，老规矩，还是在Cocos2d-x地图随精灵无限滚动与边缘检测----之游戏开发《赵云要格斗》（3）的基础上进行增加功能的。

在游戏开发中，血条是一个很重要的东西，这里的血条是通过两个图片来完成，一个是前景图（红色），一个是背景图（灰色），通过改变红色图在长度显示，灰色图不变就可实现血量的变化了。当然，这里为了让界面更加好看些，又为血条加了个血框和人物的小头像。

cocos2d-x版本：2.2.5

工程环境：windows7+VS2010

打开方式：将工程放在cocos2d-x安装目录下的project文件夹下用VS打开

先来看看效果吧：由于还没有引入怪物，所以我弄成攻击一次，血条少1或10两种来看看效果

目录：

一、自定义血条类

二、使用自定义血条类并进行美化

三、改变英雄血量

一、自定义血条类

本着后头血条要给怪物来用，所以设计了一个血条类。原理其实就是两个ccsprite对像，控制前景示的大小就可以改变血量了。

首先是资源，在Resources添加以下图片

红血条(前景)：

灰血条(背景)：

血条框架：

赵云左上角小头像：

头文件ProgressView.h：

[cpp]view plaincopy 
   
 #ifndef__PROGRESSVIEW_H__
 #define__PROGRESSVIEW_H__
 
 #include"cocos2d.h"
 usingnamespacecocos2d;
 
classProgressView:publicCCNode
 {
public:
 ProgressView();
 public:
 //设置血条背景
voidsetBackgroundTexture(constchar*pName);
//设置血条前景
voidsetForegroundTexture(//设置总血量
voidsetTotalProgress(floattotal);
//设置当前血量
voidsetCurrentProgress(floatprogress);
//得到当前血量
 floatgetCurrentProgress()const;
//得到总血量
floatgetTotalProgress()private:
//设置前景血条显示的长度
voidsetForegroundTextureRect(constCCRect&rect);
 CCSprite*m_progressBackground;//背景血条
 CCSprite*m_progressForeground;//前景血条
 floatm_totalProgress;//总血量
floatm_currentProgress;//当前血量
floatm_scale;//放大倍数
 };
 #endif
 
 @H_433_404@ 

实现文件 ProgressView.cpp:

三、改变英雄血量

其实这里改变血量很简单了，

m_pProgressView->setCurrentProgress(改动); 这一句就可以了，那我们要怎么来验证了，我想到了一个方法，攻击一次，血条让它自己少1（初始是100）；

void HelloWorld::update(float delta)函数中改动：

 
void HelloWorld::update(float delta){	//判断是否按下摇杆及其类型	switch(rocker->rocketDirection)	{	case 1:        //CCLog("move %f   %f", hero->getPosition().x, hero->getPosition().y);        hero->SetAnimationAdv("run_animation.plist","run_animation.png", "run_", 2, 8, rocker->rocketRun);        if(hero->getPosition().x+2 + hero->GetHeroSprite()->getContentSize().width/2 < visibleSize.width)        {            if( mymap->JudgeMapNotEnd(visibleSize, true))            {                if(                        hero->JudgePositona(visibleSize) //hero  in middle                   )                {                    //下面是移动地图                    mymap->MoveMap(hero,visibleSize, true);                    break;                }            }            //精灵没到达窗口中间位置或者地图已经移动到边缘了，精灵才可以移动，否则只播放动画            hero->setPosition(ccp(hero->getPosition().x+2,hero->getPosition().y)); //向右走            CCLog("move right");        }        		break;	case  2:        //CCLog("move  %f   %f", rocker->rocketRun);        if(hero->getPosition().y+2 + hero->GetHeroSprite()->getContentSize().height/2 > visibleSize.height)        {            break;        }        hero->setPosition(ccp(hero->getPosition().x, hero->getPosition().y+2));   //向上走		break;	case 3:        //CCLog("move  %f   %f", rocker->rocketRun);        if(hero->getPosition().x-2 - hero->GetHeroSprite()->getContentSize().width/2 > 0)        {            if( mymap->JudgeMapNotEnd(visibleSize, false))            {                if(                        hero->JudgePositona(visibleSize) //hero  in middle                   )                {                    //下面是移动地图                    mymap->MoveMap(hero, false);                    break;                }            }            hero->setPosition(ccp(hero->getPosition().x-2,hero->getPosition().y));   //向左走            CCLog("move left");        }        		break;	case 4:        //CCLog("move  %f   %f", rocker->rocketRun);        if(hero->getPosition().y-2 - hero->GetHeroSprite()->getContentSize().height/2 < 0)        {            break;        }        hero->setPosition(ccp(hero->getPosition().x,hero->getPosition().y-2));   //向下走		break;	default:		hero->StopAnimation();//停止所有动画和运动		break;    }	if(btn->isTouch)	{		if(hero->IsAttack)//英雄没在攻击			return;		hero->AttackAnimation("attack1_animation.plist","attack1_animation.png","attack_",6,rocker->rocketRun);		m_pProgressView->setCurrentProgress(m_pProgressView->getCurrentProgress()-10); //更改血量	}}

每次减少10：

Cocos2d-x 自定义血条及其美化----之游戏开发《赵云要格斗》（4）cocos2dx 3.3移植版

一、自定义血条类

二、使用自定义血条类并进行美化

三、改变英雄血量

猜你在找的Cocos2d-x相关文章