扇形进度条的应用(冷却的技能效果)

使用进度条动作制作冷却的技能效果

 

扇形进度条的应用

 

 1     ///////////    冷却的技能效果   ////////////////////
 2 
 3 
 4     // 执行的动作,进度条的动作
 5     // 参数(时间,完成度(100:表示全部显示))
 6     ProgressTo *progressTo = ProgressTo::create(5.0f, 100);        // 从 0 开始运动
 7     // 表示是从 _% 到 _%  显示
 8     //ProgressFromTo *progressFromTo = ProgressFromTo::create(5.0f, 30, 80);    // 从 设置的起始值(30) 开始运动
 9 
10     // 创建进度条,并且配置一些属性
11     // 参数(精灵)
12     ProgressTimer *progressTimer = ProgressTimer::create(Sprite::create("HelloWorld.png"));
13     progressTimer->setPosition(visibleSize.width / 2, visibleSize.height / 2);
14     addChild(progressTimer);
15 
16     // 设置类型为扇形
17     progressTimer->setType(kCCProgressTimerTypeRadial);
18     //// 设置扇形圆心的位置
19     //progressTimer->setMidpoint(Vec2(0.2f, 0.2f));
20 
21     progressTimer->runAction(progressTo);        // 从 0 开始运动
22     //progressTimer->runAction(progressFromTo);    // 从 设置的起始值 开始运动
23 
24     // 在相同的位置添加一张相同的图片
25     Sprite *sprite = Sprite::create("HelloWorld.png");
26     sprite->setPosition(Vec2(visibleSize.width / 2, visibleSize.height / 2));
27     addChild(sprite);
28     sprite->setOpacity(100);    // 设置透明度,不然就将进度条的图片遮挡住了
29 
30 
31     ///////////    冷却的技能效果   ////////////////////

 

结果:

 

 

posted @ 2015-06-06 08:41  silent-bobo  阅读(1166)  评论(0编辑  收藏  举报