cocos2d-x 3.X用progressTimer制作血槽

前端之家收集整理的这篇文章主要介绍了cocos2d-x 3.X用progressTimer制作血槽前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

http://www.2cto.com/kf/201403/289326.html


血条经常会用到,没必要重复编写浪费时间,这里用最新版的API写个,方便以后调用

以下代码使用的引擎版本是cocos2d-x 3.0rc0

1.RADIAL


Sprite *bgSprite = Sprite::create( "red.png" );
addChild(bgSprite, 1 ,monospace!important; font-size:1em!important; min-height:auto!important; color:black!important; background:none!important">);
Sprite *hpSprite = Sprite::create( "green.png" );
progressTimer = ProgressTimer::create(hpSprite);
//设置进度条的模式
//kCCProgressTimerTypeBar表示条形模式
//默认的模式是kCCProgressTimerTypeRadial(圆圈模式)
progressTimer->setType(ProgressTimer::Type::RADIAL);
progressTimer->setReverseProgress( true );
progressTimer->setPercentage( 30 ); //满值 100%
addChild(progressTimer,0)!important; background:none!important">0 );

2.BAR


"Box.png" "hp.png"
progressTimer->setType(ProgressTimer::Type::BAR);
///////////////////////////////////////////////////////////////////////////////////////////////////////
//从左到右
progressTimer->setMidpoint(ccp( 0.5 ));
progressTimer->setBarChangeRate(ccp( ));
//设置进度条变化的方向
//setMidpoint默认在左边
//ccp(1,0)表示在X轴方向上有变化,在y轴方向上没变化
//ccp(0,1)表示在X轴方向上没有变化,在y轴方向上有变化

//从右到左
// progressTimer->setMidpoint(ccp(1,0.5));
// progressTimer->setBarChangeRate(ccp(1,0));
//从上到下
// progressTimer->setMidpoint(ccp(0.5,1));
// progressTimer->setBarChangeRate(ccp(0,1));
//从下到上
///////////////////////////////////////////////////////////////////////////////////////////////////////////
progressTimer->setMidpoint(Point( ));
progressTimer->setBarChangeRate(Point( ));
//满值 100%
);

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