码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-06-06 09:00:57      阅读:340      评论:0      收藏:0      [点我收藏+]

标签:

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

 

扇形进度条的应用

 

 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     ///////////    冷却的技能效果   ////////////////////

 

结果:

技术分享

 

技术分享

 

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

标签:

原文地址:http://www.cnblogs.com/dudu580231/p/4556035.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!