Cocos2d-x 为人物添加血条(进度条)

闲来无事，准备做一个飞机大战的手机游戏练练手，也不枉我学了半个月的Cocos2d-x游戏引擎。做了一个多星期，有了大体的游戏框架，后期还有待完善。今天是给玩家飞机添加血条，来显示生命值。显然，这样的方式比用一个Label文字要人性化的多。

首先，准备两张图片，一张是bar.png,本质上就是一个框，里面可以装血；另一张是blood.png，从名字就可以看出来，是红色的血。预览一下。**

要说明的是，在Cocos2dx中进度条的变化是通过ProgressTimer类来实现的。

auto sprite = Sprite::create("res/game/bar.png");   //创建进度框
    sprite->setPosition(Point(size.width/2,size.height-20)); //设置框的位置
    this->addChild(sprite);            //加到默认图层里面去
    auto sprBlood = Sprite::create("res/game/blood.png");  //创建血条
    ProgressTimer * progress = ProgressTimer::create(sprBlood); //创建progress对象
    progress->setType(ProgressTimer::Type::BAR);        //类型：条状
    progress->setPosition(Point(size.width/2,size.height-20));
    //从右到左减少血量
    progress->setMidpoint(Point(0,0.5));     //如果是从左到右的话，改成(1,0.5)即可
    progress->setBarChangeRate(Point(1,0));
    progress->setTag(BLOOD_BAR);       //做一个标记
    this->addChild(progress);
    schedule(schedule_selector(GameScene::scheduleBlood),0.1f);  //刷新函数，每隔0.1秒

void GameScene::scheduleBlood(float delta){
    auto progress = (ProgressTimer *)this->getChildByTag(BLOOD_BAR);
    progress->setPercentage((((float)existLife)/PLAYER_LIFE)*100);  //这里是百分制显示
    if (progress->getPercentage() < 0) {
        this->unschedule(schedule_selector(GameScene::scheduleBlood));
    }
}

这里注意一下，setPercentage()函数里面的值是进度条的长度，比如说输入30，显示百分之三十的血量。每次回调如果existLife的值变化的话，就会看到血条的动态改变。上图：

第一次用MarkDown编辑器写博客，虽然有点不习惯，但是界面风格还是挺好的。