Cocos2d-x   发布时间:2022-05-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Cocos2d-x 3.2编写常用UI组件(三)收集器效果Collector大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

在游戏中,我们经常可以看到,获取分数后,分数会自动升到对应的分数栏上面。今天我们就来实现这种效果。


正文:

这种效果实现起来其实非常的简单,只需要对生成出来的分数(通常是一个Sprite或Node)添加动作,让其能够飘到目标位置,然后消失就可以了。这里我提供一个Collector类来供大家使用。方便大家的操作。


Collector的使用说明:

  • 通过Collector::create()函数创建一个Collector对象

  • 首先要设置COLlector的位置

  • 如需要元素设置到达收集器之后的回调函数,则用Collector::setCallBACk(std::function<void()>)函数

  • 对于创建出来的结点,只需要利用Collector::addsource(Node* nodE)添加到collector对象中,那么新建的结点自然会自动飘向collector的位置

  • 使用COllector::setTime函数设置飘动时间


例子:

1
2
3
4
5
6
7
8
9
10
c=Collector::create();
c->setPosition(240,160);
this ->addChild(c);
void HelloWorld::menuCloseCallBACk(Ref*pSender)
{
Sprite*sp=Sprite::create( "CloseNormal.png" );
sp->setPosition(100,100);
this ->addChild(sp);
c->addsource(sp);
}

效果如下图:

Collector类非常的简单,主要看看最重要的addSoruce函数就好了

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
void Collector::addsource(Node*nodE){
@H_219_77@moveTo*moveTo=MoveTo::create(m_time, this ->getPosition());
EaseBACkInOut*easeMove=EaseBACkInOut::create(moveTo);
ScaleTo*scaleBig=ScaleTo::create(0.3*m_time,1.5f);
ScaleTo*scalesmall=ScaleTo::create(0.7*m_time,0.5f);
Sequence*scale=Sequence::create(scaleBig,scalesmall,null);
Spawn*move=Spawn::create(easeMove,scale,null);
CallFunc*callFunc=CallFunc::create([=](){
node->removeFromParentAndCleanup( true );
@H_219_77@m_callBACk();
});
Sequence*action=Sequence::create(move,callFunc,null);
node->runAction(action);
}

addsource函数只不过是将一系列动作封装,然后让Node执行罢了。


附上源码:收集器效果Collector

大佬总结

以上是大佬教程为你收集整理的Cocos2d-x 3.2编写常用UI组件(三)收集器效果Collector全部内容,希望文章能够帮你解决Cocos2d-x 3.2编写常用UI组件(三)收集器效果Collector所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。