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

 

扇形进度条的应用

 

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

 

结果：