扇形进度条的应用(冷却的技能效果)
使用进度条动作制作冷却的技能效果
扇形进度条的应用
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 /////////// 冷却的技能效果 ////////////////////
结果: