[cocos2d-x]CCProgressTimer进度条

简介: 下面我来介绍一下进度条的显示,在cocox2d-x中常用于能量圈的逐渐加满或者玩家血量的逐渐增加的一个效果。 操作步骤: 1.添加CCProgressTimer类 CCProgressTimer *progressTimer = CCProgressTimer::create(CCSprite::create("Icon-72.

下面我来介绍一下进度条的显示,在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);
    }
}

效果图:


相关文章
|
UED
cocos creator实现加载场景进度条
cocos creator实现加载场景进度条
578 1
cocos creator实现加载场景进度条
|
JavaScript
cocos creator实现自定义进度条
cocos creator实现自定义进度条
286 1
cocos creator实现自定义进度条
pyqt5进度条
简单写一个pyqt5的进度条功能可以参照使用
112 0
UGUI系列-实现进度条效果(Unity3D)
今天分享一个UGUI 图片实现进度条动画的方法,配合上资源异步加载,可以作为场景加载动画
Cocos2d-x-v3场景切换
Cocos2d-x-v3场景切换
140 0