[cocos2d-x]CCProgressTimer进度条

最新推荐文章于 2025-12-02 16:35:00 发布

最新推荐文章于 2025-12-02 16:35:00 发布 · 118 阅读

文章标签：

#游戏

本文详细介绍了如何在Cocos2d-x中使用CCProgressTimer类实现能量圈的加满和玩家血量的增加效果，包括添加进度条、设置更新方法以及调用系统更新函数。通过简单的操作步骤，展示了一个动态视觉效果的应用。

下面我来介绍一下进度条的显示，在cocox2d-x中常用于能量圈的逐渐加满或者玩家血量的逐渐增加的一个效果。

操作步骤：

1.添加CCProgressTimer类

 CCProgressTimer *progressTimer = CCProgressTimer::create(CCSprite::create("Icon-72.png"));
    progressTimer->setPosition(CCPointMake(screenSize.width / 2, screenSize.height/2 + 70));
    //显示百分比
    //progressTimer->setPercentage(0); //显示原形的百分比
    this->addChild(progressTimer,5,200);

2.完善一个update的方法，然后调用系统的this->scheduleUpdate来逐针调用这个update方法

//参数是固定的是每隔一桢间隔的时间的意思，也就是update函数每针都会调用
void HelloWorld::update(float delta)
{
    
    //能量圈
    CCProgressTimer * progressTimer = (CCProgressTimer *)this->getChildByTag(200);
    progressTimer->setPercentage(progressTimer->getPercentage() + delta * 10);
    if (progressTimer->getPercentage()== 100) {
        progressTimer->setPercentage(0.f);
    }
}

效果图：