cocos2d-x 百分比动作1 Progress半径模式

最新推荐文章于 2024-08-03 11:25:57 发布

SebastianMichaelis

最新推荐文章于 2024-08-03 11:25:57 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： cocos2d-x 文章标签： cocos2d-x Progress 动作

本文链接：https://blog.youkuaiyun.com/SebastianMichaelis/article/details/48129331

cocos2d-x 专栏收录该内容

34 篇文章

订阅专栏

本文深入探讨了百分比动作在coco2d-x框架中的实现方式，包括如何使用ProgressTo和ProgressFromTo类创建动作，如何通过ProgressTimer对象执行这些动作，并详细介绍了动作参数、效果展示以及逆时针旋转、设置参考点和非线性百分比变化等高级用法。同时，文章揭示了一个在特定版本中发现的有趣现象，并提供了复现步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

百分比动作是指按照指定的时间间隔变化百分比的一类动作。

实现类主要是ProgressTo 和 ProgressFromTo

常用方法：

ProgressTo* ProgressTo::create(float duration, float percent)

duration表示持续时间,percent表示目标百分比

代表从0%开始，结束于指定百分比的动作。

ProgressFromTo* ProgressFromTo::create(float duration, float fromPercentage, float toPercentage)

duration表示持续时间,fromPercentage表示初始百分比，toPercentage表示目标百分比

代表从指定百分比开始，结束与指定百分比的动作。

但是百分比动作不能直接被精灵等可见物体执行，而是需要将这些动作包裹进ProgressTimer对象来执行。

auto vSize = Director::getInstance()->getVisibleSize();

auto circle = Sprite::create("circle_blue.png");

auto progressTimer = ProgressTimer::create(circle);
progressTimer->setPosition(vSize / 2);//设置位置 在屏幕中心
progressTimer->setType(ProgressTimerType::RADIAL);//设置模式 RADIAL:半径 BAR:进度条 默认RADIAL
progressTimer->setMidpoint(Vec2(0.5, 0.5));//设置百分比效果参考点 默认(0,0)
progressTimer->setReverseProgress(false);//动作是否反向执行 默认false
progressTimer->setReverseDirection(false);//动作是否逆序执行 默认false
this->addChild(progressTimer);

auto progressTo = ProgressFromTo::create(2, 20, 80);
progressTimer->runAction(RepeatForever::create(progressTo->clone()));//为了方便展示 这里让动作重复执行

运行后会发现，动作只执行了一次，并没有重复执行。

但是，把ProgressTo::create(2, 100)改成ProgressFromTo::create(2, 0, 100), 就会发现动作是可以重复执行的，不知道这算不算一个Bug(coco2d-x 3.2版本)。

效果如下: