cocos2dx 创建血条框和技能冷却效果

最新推荐文章于 2020-10-23 10:08:17 发布

原创

最新推荐文章于 2020-10-23 10:08:17 发布 · 2.2k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#cocos2dx #技能冷却 #血条框

本文介绍了使用cocos2dx的ProgressTimer类来创建血条和技能冷却效果。通过利用ProgressTimer的Type枚举类型，可以方便地实现条形血条和圆形冷却计时器的样式。示例代码展示了技能冷却的实现，并强调了开源代码在学习过程中的便利性。

cocos2dx 创建血条框和技能cd样式，用到了同一个类ProgressTimer，这个类可以创建条式的血条和圆形的cd样式，从cocos2dx 3.0源码中可以找到Type枚举类型，如下代码：

 /** Types of progress
     @since v0.99.1
     */
    enum class Type
    {
        /// Radial Counter-Clockwise
        RADIAL,
        /// Bar
        BAR,
    };

创建血条框只要setType为BAR即可，同理设置技能冷却样式我们setType为RADIAL。以下为创建血条框的简单代码：

auto bloodBg = Sprite::create(p_bloodline);
	bloodBg->setPosition(Point(npc->getContentSize().width/2,npc->getContentSize().height-10));
	npc->addChild(bloodBg,1);

	auto bloodBlue = Sprite::create(p_bloodlinehong);
	//血条框
	bloodbar = ProgressTimer::create(bloodBlue);
	bloodbar->setType(ProgressTimer::Type::BAR);
	bloodbar->setPercentage(99.99f);
	bloodbar->setBarChangeRate(Point(1,0));
	bloodbar->setMidpoint(Point(0,0.5));
	bloodbar->setPosition(Point(bloodBg->getContentSize().width/2,bloodBg->getContentSize().height/2));
	bl